森の旋律が、ひとつの言葉を迎える。 「翠奏の時環 / VERDANT REFRAIN」は、森・陶笛・時の循環をテーマにした、わんコメ・OBS向けのHTMLコメント吹き出しテンプレートです。 苔色の陶器に、象牙色の本文面と真鍮の環を組み合わせた、静かで幻想的なデザイン。 コメントが届くと6つの音孔が順に光り、プロフィールを囲む環が回転して、新しい言葉を迎えます。 ファンタジーゲームの実況や探索ゲームの配信、落ち着いた雑談など、物語を感じる配信画面におすすめです。 ■ デザインと演出 ◆ 6つの音孔が、順に灯る 吹き出しの上縁には、笛の穴を思わせる6つの音孔を配置。 新しいコメントが加わると順に光り、ひとつの音孔に柔らかな余光が残ります。 ◆ コメントごとに進む、真鍮の時環 右上のプロフィール画像を囲む環が、登場時に回転します。 環の止まる角度は新しい吹き出しごとに少しずつ進み、コメントが並ぶたびに表情が変わります。 ◆ 横に開く、象牙色の本文面 本文を表示するくぼみが、横に開くように現れます。 名前は左上、プロフィール画像は右上、本文は下の大きな面に配置し、それぞれを見分けやすくしています。 ◆ 森の遺物を思わせる質感 陶器の細かな粒子、葉脈の刻線、真鍮の縁取りを組み合わせています。 表示中は縁の光がゆっくり明滅し、環のハイライトが静かに巡ります。 ◆ 有料コメントに、金色のアクセント 受信できた金額を表示し、金額枠・環・共鳴する光を専用の差し色へ切り替えます。 初期設定は落ち着いた金色です。 ※演出は映像のみです。音や楽曲は再生しません。 ■ コメントの表示 ・新しいコメントは下に追加されます。 ・設定した表示件数、または表示領域の高さを超えた場合に、古いコメントから整理します。 ・時間の経過だけではコメントは消えません。 ・短いコメントは折り返して固定表示します。 ・設定行数や表示領域に収まらない長文は、右から左へ流して全文を表示し、先頭へ戻って繰り返します。 ・吹き出しの外側は透明です。装飾も吹き出しの枠内に収めています。 ・画像絵文字・画像・ステッカーは、表示に必要な画像情報を受信できる場合に表示します。 ・プロフィール画像を表示しない場合は、オリジナルの葉のマークに切り替わります。 ■ 設定画面で21項目を調整 同梱の「preview.html」を開き、プレビューを見ながら設定できます。 ・吹き出しの幅、最大表示数、間隔 ・本文と名前の文字サイズ ・ゴシック／明朝の書体切り替え ・折り返し行数、長文スクロール速度 ・陶器、本文面、文字、縁取り、環、光などの色 ・有料コメントの差し色 ・プロフィール画像の表示 ・登場演出のオン／オフと演出時間 ・表示中の光の動き、光の強さ ・陶器の粒状感 登場演出と表示中の光は、それぞれ個別に切り替えられます。 装飾の動きを止めても、長文スクロールは継続します。 設定後は「settings.js」を書き出し、実際に使用するテンプレートフォルダ内の同名ファイルへ上書きして、OBSを更新してください。 ■ 内容物 ・わんコメ用HTMLテンプレート一式 ・設定・プレビュー画面 ・サンプルコメントで見た目を確認できるデモ ・導入説明書 ・トラブルシューティング ・利用規約 ZIP形式のダウンロード商品です。 ■ 導入の流れ 1. ダウンロードしたZIPをすべて展開します。 2. 「preview.html」を開き、必要に応じて設定を調整・書き出しします。 3. 「onecomme_template」内の「verdant-refrain」フォルダを、わんコメのカスタムテンプレートとして追加します。 4. わんコメのテンプレート一覧からOBSへ追加し、ブラウザソースのサイズを設定します。 初期設定での推奨ブラウザソースサイズ：幅600 × 高さ1080 詳しい導入手順は、同梱の「README_FIRST.txt」をご確認ください。 ■ 使用環境・注意事項 ・YouTubeのコメントをわんコメで取得し、OBSのブラウザソースへ表示する構成で使用します。 ・設定ページはPCのChromeまたはEdgeで開いてください。 ・わんコメ本体とOBSは別途ご用意ください。 ・画像やステッカーの表示は、受信データと画像配信元の状態に依存します。 ・設定ページやデモの背景・操作ボタンは、配信用テンプレートには入りません。 ・設定画面での変更は自動保存されません。書き出した「settings.js」の上書きと、OBSの更新が必要です。 ■ 利用について ・収益化済みの配信・動画を含め、ご自身の配信や動画で使用できます。 ・ご自身で使用する範囲で、色・サイズ・設定・コードの改変ができます。 ・本商品へのクレジット表記は任意です。 ・元データおよび改変データの再配布・転売・共有、素材の取り出し販売、自作発言は禁止です。 わんコメなど、関連サービスの利用条件・クレジット条件は別途適用されます。 詳しくは同梱の「LICENSE.txt」をご確認ください。 本商品はオリジナルの図形・装飾で制作した配信素材です。 既存ゲームの画像・ロゴ・キャラクター・音源は使用していません。 特定のゲーム作品・企業の公式商品や公認素材ではありません。 制作：たっくん