OBS と TikTok LIVE Studio 向けオーバーレイ

各 Mod とカスタム連携のオーバーレイタブは、配信画面の上に表示されるウィジェットのエディターです。視聴者が発動できるものを並べたボード、ギフトやフォローのアラート、配信目標、カウンター、ランキング、勝利カウンター、チームスコア、ゲームから直接取得する体力・死亡数・ゴールまでの距離、さらに自分のテキスト、画像、動画を扱えます。リンクを 1つ OBS または TikTok LIVE Studio に追加するだけで、オーバーレイは BakoshApp でアクティブな Mod のレイアウトを常に表示します。

レイアウトはその Mod のアクティブなプリセットに属しています。プリセットを切り替えると、オーバーレイも一緒に切り替わります。

ウィジェット

ウィジェットを追加でウィジェットカタログが開きます。カタログはセクションに分かれており、一部のウィジェットは用意済みの複数のカードとして提供されます（たとえば Like Goal と Gift Mission はどちらも Stream Goal です）。

• Action Board — Mod のアクションから作るタイルのボードです。「このギフト → ゲームでこれが起こる」という対応を表示します。専用の記事があります: Action Board。
• Avatar — 配信に登場する 3D アバターです。詳しくは Bakosh Avatar をご覧ください。
• Health Bar、Finish Distance、Death Counter は、ゲームが報告する値を表示します。詳しくはゲームから取得する体力・死亡数・距離をご覧ください。

アラート、目標、カウンター、ランキングのデータは、ネイティブコネクタと Kick コネクタから取得されます。TikFinity 経由のイベントではアラートは表示されず、統計にもカウントされません。

レイアウトを作る

1. Modを開く→オーバーレイ。
2. ウィジェットを追加をクリックし、カードを選んでから、… のスタイルを選択でスタイルを選びます。
3. キャンバス上でウィジェットをドラッグし、サイズと角度を変更します。テキスト、色、動作は右側のパネルで設定します。
4. レイヤーを使うと、ウィジェットのロック、非表示、複製、削除ができます。複製先…は、ウィジェットを別のModや連携にコピーします。

ほとんどのウィジェットのパネルの先頭にあるサイズは、ウィジェット全体（テキスト、アイコン、バー、余白）をまとめて拡大・縮小します。キャンバス上でドラッグする枠は、ウィジェットに空きを与えるだけです。枠を小さくすると、まず間隔が詰まります。Textウィジェットには、代わりにフォントサイズがあります。

変更は自動的に保存されます。マグネットのボタン（ガイドにスナップ）を使うと、ウィジェットがキャンバスの中央や端、ほかのウィジェットに吸着します。

レイアウトには 2つの表示モードがあります。横長（1920×1080）と縦長（1080×1920）で、キャンバスの上にあるボタンで切り替えます。各ウィジェットはモードごとに独自の位置、サイズ、トリミングを保持するため、1つのレイアウトで両方の向きに対応できます。

キーボードショートカット

ズーム操作の横にあるキーボードのボタン（キーボードショートカット）で、全一覧を確認できます。

Shift を押さない場合、角のハンドルは自由にサイズを変えます。テキストとボードは、引き伸ばされる代わりに配置が自動で組み直されます。元に戻す操作では、ライブのスコア、複製先…、アップロード、アクションの配信用の見た目は戻りません。

トリミングは Image と Video ウィジェットで使えます。Alt を押しながらハンドルをドラッグすると、サイズが変わる代わりに、辺が画像に食い込んで切り取られます。パネルのトリミングをリセットを押すと、画像全体が元に戻ります。

デモ

イベントに反応するウィジェットや、数値が変わるウィジェットには、パネルにデモボタンがあります。再生されるのはこのウィジェットだけで、キャンバス上と、同時に OBS または TikTok LIVE Studio でも再生されるため、配信での見え方を確認できます。

• アラートは、サンプルのイベントをサウンド付きで表示します。
• 目標、カウンター、ランキング、Win Counter、Team Score、Death Counter、Health Bar、Finish Distance、Action Board は、サンプル値を再生するか点滅し、その後、実際の値に戻ります。

イベントの瞬間にだけ表示される設定（アニメーション、パーティクル、ボードの点滅）は、設定を変更している間、キャンバス上でデモが自動的に再生されます。配信中の場合に備えて、そのとき OBS には何も送信されません。

オーバーレイを配信に追加する

キャンバスの上にあるURLをコピーをクリックします。リンクは現在の表示モード用です。縦型の配信なら縦長で、横型の配信なら横長で、それぞれ 1回ずつコピーしてください。?ボタン（ガイド）では、スクリーンショット付きで手順を確認できます。

TikTok LIVE Studio:

1. Add source をクリックし、Link を選びます。
2. リンクを貼り付け、Custom resolution をオンにして 1080×1920（横長の場合は 1920×1080）に設定します。
3. サイズ変更メニューで Fill を選び、このソースをほかのソースより上に置いたままにします。

OBS Studio: Browser Sourceを追加し、URLを貼り付けて、横向きの場合は1920×1080、縦向きの場合は1080×1920にサイズを設定します。

BakoshAppはOBSまたはLIVE Studioと同じPC上で動作している必要があります — オーバーレイはアプリからイベントを受け取るためです。リンクはModに依存しません。アクティブなModを切り替えると、オーバーレイもそのModのレイアウトに切り替わります。

Chrome または Edge でリンクを開く

OBS と TikTok LIVE Studio は、オーバーレイをそのまま表示します。Chrome と Edge では、bakosh.app がパソコン上のアプリにアクセスしてよいかを最初に確認されます。Allow をクリックしてください。ブロックした場合は、ページに「Browser is blocking the overlay」と表示されます。アドレスバーの左にあるアイコンをクリックして Apps on device を許可すると、オーバーレイは自動的に再接続します。

アラート

各アラートウィジェットにはフィルターがあります。プラットフォーム（TikTok、Kick、または両方）、反応するギフト、最小ダイヤ数（TikTok）/最小Kicks数（Kick）、発動に必要ないいね数、連続をまとめる、視聴者ごとに1回、クールダウン (ms)です。アラートはキューで待機し、デフォルトでは 1件につき 4秒間表示されます。

各アラートは、テキスト欄の下に使用できる変数を一覧表示します。たとえば、ギフトでは {nickname}、{username}、{giftName}、{repeatCount}、{diamondCount}、いいねでは {likesAmount} を使えます。エフェクトセクションでは、カウントアップする数字、アニメーションする画像、グロー、光が走る演出、パーティクルを追加できます。

目標、カウンター、ランキング

これらのウィジェットは、接続したプラットフォームが報告した視聴者統計を表示します。カウントする項目、期間（この配信、過去7日間、過去30日間、全期間）、プラットフォームを選びます。

• Stream Goal — 目標に向けた進捗です。達成したら、100%で止めるか、一定量だけ目標を引き上げるかを選べます。
• Stream Counter — アイコンとラベル付きの 1つの数字です。いいね、新規フォロワー、オンラインの視聴者、コイン、特定のギフトなどを表示できます。
• Leaderboard — 上位の視聴者を、リストまたは表彰台（トップ3）で表示します。数値の位置では数字を名前の横か下に置き、左右反転（右から左）は画面の右側に置く場合に行を反転し、タイトルのサイズ（%）はタイトルの大きさを調整します。空いている順位にはダッシュが表示され、ランキングが空の場合は、設定してあれば空のときのテキストが表示されます。

データがない間、エディターにはサンプル行が表示されますが、OBS には実際の視聴者だけが表示されます。テストイベントはカウントされません。アニメーションを確認するにはデモを使ってください。

Win Counter、Team Score、Death Counter

カウンターはアクションを通じて変化します。アクションタブの新規追加から開くすべてのアクションのオーバーレイタブで、以下を追加します。

• Win Counter — Wins Up、Wins Down、Wins Set、Wins Set To Goalのいずれか。
• Team Score — チーム1（左）またはチーム2（右）に対してポイントを追加、ポイントを減らす、スコアを設定のいずれかを行うか、両チームのスコアをリセットします。
• Death Counter — 死亡数を加算、死亡数を減算、カウントを設定、カウントをリセットのいずれか。

各アクションは 1つの対象ウィジェットを指し、何が変わるかはそのウィジェットのトグルで決まります。

• ゲームの勝利数/目標を使用（Win Counter）、ゲームのスコアを使用（Team Score）、またはゲームのカウントを使用（Death Counter）がオンの場合、アクションは Mod の共有カウンターを変更し、トグルがオンのすべてのウィジェットがそれを表示します。GTA V と RDR2 では、共有の勝利カウンターはゲーム自身のものです。
• トグルがオフの場合、アクションはそのウィジェット自身のカウンターだけを変更します。

オーバーレイにまだその種類のウィジェットがない場合、アクションは共有カウンターを変更します。対象ウィジェットが削除されている場合、アクションは何もしないので、別のウィジェットを選んでください。エディターで、ウィジェットの欄に数字を直接入力することもできます。TABS Battleでは、各軍の勝利数が共有の Team Score に自動で反映されます。

ゲームから取得する体力・死亡数・距離

ゲームセクションの 3つのウィジェットは、数値をゲーム自体から取得します。

ウィジェットを追加には、ゲームがその数値を報告する場合にだけ、それぞれのウィジェットが表示されます。

• 見た目。 Health Bar は、バー、セグメント、ハート、リング、数字、心電図から選べます。Finish Distance は、テキスト（「Distance: 100 m」）、プログレスバー、道路、リング、ナビから選べます。Death Counter は、数字、ドクロの列、正の字、ライフ、回転カウンター、WASTED バナー、墓石から選べます。バーと道路は向きで縦向きにできます。… のスタイルを選択では、それぞれに用意済みの見た目を選べます。
• 好きな文言。 ラベルはすべて自由に書き換えられます。数字のまわりのテキスト、START と FINISH、バナー、墓石、ゲームオーバーのテキストが対象です。Finish Distance では {remaining}、{traveled}、{total}、{percent} を使えます。単位はメートルとキロメートル、またはフィートとマイルで、単位のラベルも好みで変えられます。Death Counter では {deaths} と {lives} を使えます。
• ゴール。 ゴールに到達するたびに、バーが一瞬だけ満タンのままになり、ウィジェットが跳ねます。ゴールの旗からは、紙吹雪、ゴールの旗、きらめきのいずれかが勢いよく飛び出します。種類はゴールのエフェクトで選べ、お祝いの演出はゴールを祝うでオフにできます。ゴールのサウンドも鳴らせます。
• 死亡数。 キャラクターが死亡するたびに、ゲームが死亡数を 1つ加算します。Train Auto では、列車が壊れるたびに加算されます。カウントは、ウィジェットのパネルでカウントをリセットを押すか、Death Counter のアクションを実行するまで保持されます。ゲームのカウントを使用をオフにすると、ウィジェットは自身のアクションが加算した分だけをカウントします。
• 死亡。 死亡するたびに、赤いフラッシュが中央から広がり、ウィジェットが揺れます。数字からは、アイコン、きらめき、ハートのいずれかが勢いよく飛び出します。種類は死亡時のエフェクトで選べ、残りの演出は死亡時に赤く光ると死亡時に揺れるでオフにできます。死亡時のサウンドも鳴らせます。
• ゲームがない場合。 ゲームが接続されるまで、エディターにはサンプル値が表示されます。OBS では、データのないウィジェットは自動的に非表示になります。空のゲージを画面に残したい場合は、ゲームのデータがないとき（Finish Distance ではルートがないとき）を空のゲージを表示に設定してください。

KOTH と KOTH Auto では God Mode が初期設定でオンのため、Health Bar は満タンのままです。体力を意味のあるものにしたい場合は、F11 でオフにしてください。数値はゲーム内の Mod から届きます。プレイ中にこれらのウィジェットが空のままなら、Mod管理で Mod を更新してください。

画像と動画

Imageウィジェット用の画像は、マイ画像(自分でアップロードしたもの)、TikTokギフト、Kickギフトから選べます。

• アップロード: PNG、JPEG、WebP、GIFまたはAPNGで、BakoshAppが圧縮する前のファイルサイズで1ファイルあたり30 MBまでです。アニメーションファイルはそのままアップロードされ、10 MB以内である必要があります。
• 動画: WebM（VP9）または MP4（H.264）、10 MB まで、デフォルトではミュートです。エディターでは動画は常にミュートで再生されますが、OBS では音が出ます。
• 画像と動画はそれぞれ専用のストレージを持ちます: 無料プランでは25 MB、PROとMAXでは250 MBです。

よくある質問

オーバーレイに「Overlay unavailable」と表示される。 オーバーレイがBakoshAppに接続できません。アプリが起動していないか、サインインしていません。起動してサインインしてください — オーバーレイは自動的に再接続します。

オーバーレイに「No mode selected」と表示される。 BakoshApp で Mod がオンになっていません。どれかをオンにすると、オーバーレイにそのレイアウトが表示されます。

オーバーレイに「Browser is blocking the overlay」と表示される。 Chrome または Edge でリンクを開いたため、ブラウザがアプリへのアクセスを許可しませんでした。アドレスバーの左にあるアイコンをクリックして Apps on device を許可してください。

アラートが表示されない。 アラートには PRO または MAX と、ネイティブコネクタまたは Kick からのイベントが必要です。アラートのフィルターを確認してから、デモを押してください。

OBS でランキングが空です。 視聴者がネイティブコネクタまたは Kick 経由でギフト、いいね、メッセージを送ると埋まっていきます。それまでは、順位にはダッシュが表示されます。

OBS で Health Bar または Finish Distance が表示されません。 これらはゲームが数値を送ってくると表示されます。ゲームを起動してロードが終わったら、BakoshApp で Mod をオンにしてください。Finish Distance は、到達するゴールがある間だけ表示されます。それでも表示されない場合は、Mod管理で Mod を更新してください。

Health Bar、Finish Distance、Death Counter が「ウィジェットを追加」にありません。 この Mod のゲームがその数値を報告していないためです。たとえば TABS Battle や、Train Auto、Rust、Minecraft の距離がそうです。カスタム連携で選べるのは Death Counter だけです。

間違ってウィジェットを削除しました。 Ctrl+Z を押してください。

関連記事

• Action Board
• Bakosh Avatar
• プリセット
• 視聴者
• カスタム連携
• ネイティブコネクタ