Skip to content

rynan4818/tournament_overlay

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

tournament_overlay

ビーセイ大会用オーバーレイです。

preview

主な特徴

  • 曲時間、スコア、精度、コンボ数、ミス数のみのシンプルで見やすい表示です (曲名などの譜面情報は主催者側で用意)
  • プレイ終了後も非表示しないため、結果の確認が容易です
  • Fail後もスコアが50%にならず、Fail有無同士でもスコア比較が可能です
  • NFを付けずにプレイ開始した場合に No NF! と表示します。また、Failしたときに Failed と表示します

preview

使用方法

HttpSiraStatusを使用して、下記URLをOBS等の配信ツールにブラウザソースとして設定して使用可能です。

詳しいインストール方法

※以下の配信ツールで動作確認済みです

  • OBS Studio
  • Streamlabs Desktop
  • XSplit Broadcaster
  • Twitch Studio Beta

※プログラム修正時に自動反映させるため、ダウンロードせずに下記URLでお使い下さい。

※表示位置はデフォルトで上部になっています。OBSの設定で好きな位置に移動可能ですが、大会では視聴者は頻繁に見比べることになるため上部で統一されている方が見やすいと思います。

大会用オーバーレイ表示用URL(スケール自動調整:通常はこちらを使用)

https://rynan4818.github.io/tournament_overlay/

※スケールを自動調整するため、OBSのブラウザソースの設定でオーバーレイのブラウザの幅を配信する解像度に合わせて下さい

image

1080p(1920x1080)用 (1.5倍スケール固定)※従来の互換用

https://rynan4818.github.io/tournament_overlay/?modifiers=scale

シーンコントロール使用時の注意点

obs-control等でOBSのシーンコントロールを使用している場合は、メニュー用シーンとゲームプレイ用シーンの両方に大会用オーバーレイの追加をお願いします。(ゲームプレイ用シーンのみだと、プレイ終了時に消えてしまうため)

その際に、追加するブラウザソースは「既存を追加」で追加して下さい。(新規作成で追加しない)

image

また、シーン切り替えで使用するBeatSaberのオーバーレイは全てで「表示されていないときにソースをシャットダウンする」と「シーンがアクティブになったときにブラウザの表示を更新する」のチェックを外して下さい。

image

また、TournamentAssistantを使用する場合は、プレイ開始時のシーン切替にトランジション動画を入れると、TournamentAssistantの機能(QRコード表示で配信の同期を取る)に影響が出るため、トランジションを外すなど対応をお願いします。詳しくは大会主催者に確認して下さい。

よくわからない場合は、大会での参加ではシーン切り替えを使わないことをおすすめします。

初めての方向けの詳しいインストール方法

  1. HttpSiraStatus のインストール

    Beat Saberからオーバーレイにデータを送信するためにHttpSiraStatusをインストールしてください。

    BeatSaber1.29.1環境の場合は、HttpSiraStatus-9.*.*バージョンを使用してください。

    • HttpSiraStatus

      上記からダウンロードして解凍したHttpSiraStatus.dllをBeatSaberのインストールフォルダのPluginsフォルダにコピーします。

      ダウンロードするzipファイル名のbs*.**.**の部分が自分の使用しているBeatSaberのバージョンと同じか、小さくて一番新しいものを使用してください。

      bs*.**.**のバージョンが使用するBeatSaberのバージョンよりも大きいと動作しませんので注意してください

    HttpSiraStatusを使用するには、ModAssistantにあるwebsocket-sharpのインストールが必須です。

    入れ忘れトラブルが多いので注意して下さい。

    image

    ModAssistantに登録が無い場合はBEATMODSで、Game VersionをAnyにしてwebsocket-sharpを検索してダウンロードして下さい。

    image

    ※websocket-sharpはBeatSaberのバージョンに関係なく動作するので、HttpSiraStatusが対応していれば古いバージョンでも動作します。

  2. OBSのソースにブラウザを追加します。

    image

  3. 新規作成を選択して、適当にソースの名前を設定して、OKを押します。

    image

  4. 大会用オーバーレイ表示用URL https://rynan4818.github.io/tournament_overlay/ を、OBSのURL欄に貼り付けます。

    また、画面サイズに合わせて幅・高さを設定します。(1920x1080等)

    幅に合わせてオーバーレイの表示倍率が自動的に調整されます。

    image

  5. オーバーレイのソースの順序をゲームのソースよりも優先度を上げて、オーバーレイがゲーム画面に重ねて表示されるようにします。

    image

動作しない場合

もしも動作しない場合は、Beat Saber Overlay 改良版のトラブルシューティングを参照してください。

備考

index.html, bsdp-like_d.html, bsdp-like.css はBSDP-Overlayを元に改造しています。