一枚ずつ、くるり。 ひとことが、きらめく。 小さなスパンコールが波のように裏返り、その向こうからコメントが現れる。 「REVERSIBLE SEQUINS／リバーシブル・スパンコール」は、なでると色が変わるスパンコール生地をモチーフにした、わんコメ向けのコメント吹き出しテンプレートです。 一枚ずつ反転するパーツ、金属のような反射、繊細な縫い穴。 ただ色が変わるだけではない、きらめきと動きを配信画面に添えます。 ■ デザイン・演出 【一枚ずつ裏返る、きらめきの波】 コメントの登場に合わせて、小さなスパンコールが順番に反転します。 パーツが薄く見える瞬間を挟みながら、表の色から裏の色へ。 指先でスパンコール生地をなでたような、連続した色の変化を楽しめます。 初期設定は、黒系からシャンパンゴールドへ変わる配色です。 反転前と反転後の色は、それぞれお好みで変更できます。 【華やかな外周と、読みやすい中央】 中央を覆うスパンコールは、反転後に消えてコメント面を見せます。 外周には光沢のあるスパンコールが残り、額縁のように名前と本文を引き立てます。 文字そのものは変形させず、名前と本文は別行で表示。 登場演出が終わるとスパンコールは静止するため、落ち着いてコメントを読めます。 【反射や縫い穴まで表現】 小さなパーツには、ハイライトや縫い穴の描写を加えています。 光沢を強めて華やかに、抑えて落ち着いた雰囲気にするなど、配信画面に合わせた調整ができます。 【背景透過】 配信用テンプレートの背景は透過しています。 ゲーム画面や雑談用の背景などに、吹き出しを重ねて配置できます。 ■ 色・サイズ・反転演出をカスタマイズ 同梱のデモ画面で、見た目と動きを確認しながら設定できます。 配色： 反転前・反転後のスパンコール、文字面、本文、名前の色。 質感・演出： スパンコールの大きさ、光沢の強さ、反転演出の長さ、反転方向、登場演出のON／OFF。 表示： 吹き出しの幅、本文・名前の文字サイズ、最大表示数、吹き出しの間隔、画面端の余白。 画像・長文： アイコン表示のON／OFF、絵文字・スタンプのサイズ、長文の表示方法とスクロール速度。 反転方向は「左から右」「右から左」から選べます。 シャンパン・ローズ・パールの配色プリセットも用意しています。 ■ 設定の保存方法 デモ画面で調整した後、「config.js を書き出す」から設定ファイルを保存してください。 わんコメに導入済みのテンプレート内にある同名ファイルと置き換え、OBSのブラウザソースを再読み込みすると反映されます。 書き出した設定は、デモ画面の「設定を読み込む」から再び読み込めます。 ※デモ画面で変更しただけでは、配信用の設定は保存されません。 ※わんコメ標準画面に専用の編集ボタンが追加される商品ではありません。 ■ コメントの表示について 新しいコメントが下に追加され、古いコメントが上へ積み重なります。 最大表示数を超えた分は、古いものから取り除かれます。 時間経過だけでコメントが自動的に消える仕様ではありません。 ※クリア・削除通知や、ブラウザソースの再読み込みによる消去は除きます。 長文は「自動」「折り返し」「横スクロール」から選択可能。 自動モードでは、本文が約3行を超えると横スクロールに切り替わります。 横スクロールは右から左へ進み、最後まで表示すると先頭に戻ります。短いコメントは静止表示です。 ※スパンコールの反転方向を変えても、本文のスクロール方向は変わりません。 投稿者のアイコンや、画像形式の絵文字・スタンプを表示する処理も備えています。 ※受信データの形式や画像URLへのアクセス状況により、表示できない場合があります。すべての形式での表示を保証するものではありません。 ■ こんな配信におすすめ 雑談、歌枠、記念配信など、コメント欄に華やかさを添えたい場面に。 きらきらした素材やファッション小物、上品なゴールド、やさしいパステルカラーが好きな方にもおすすめです。 「コメントが届く瞬間も楽しめる」配信画面づくりにご活用ください。 ■ 内容物 ・わんコメ用テンプレート本体 ・わんコメへの追加用ZIP ・見た目確認・設定用デモ ・設定ファイル、対応エディタ向けの設定定義 ・導入説明書、設定ガイド、トラブルシューティング ・検証範囲の説明、利用規約 ■ 使用環境・導入方法 わんコメとOBS Studioを同じPC上で使用する構成を想定しています。 配信コメントの取得には、別途わんコメの起動・接続設定が必要です。 商品ZIPをすべて展開し、installフォルダ内の「reversible_sequins_onecomme_v1.0.0.zip」をわんコメへ追加してください。 その後、追加したテンプレートをわんコメからOBSへ読み込んで使用します。 ※READMEやデモを含む商品全体のZIPではなく、installフォルダ内の追加用ZIPを使用します。 OBSブラウザソースのサイズは、幅1920×高さ1080を基準にしてください。 詳しい導入手順は、同梱の「README_FIRST.txt」に記載しています。 見た目や設定を確認する場合は、「obs_demo/index.html」をChromeまたはEdgeで開いてください。 デモ画面は、実際の配信コメントを受信しません。 ■ ご購入前の注意 本商品はHTML／CSS／SVGによるコメント表示テンプレートです。 3Dモデル・動画素材・静止画素材ではありません。 デモ画面の背景や操作パネルは確認用です。配信用テンプレートには表示されません。 配信用テンプレートは、コメントを受信するまで何も表示されない状態です。 短時間にコメントが続いた場合は、前の演出を完了させて次のコメント表示へ進みます。 すべての反転演出を順番待ちさせる仕様ではありません。 小さい表示領域に長文を多数表示すると、見切れ防止のため全体が縮小されます。 文字が小さくなる場合は、表示数や長文の表示方法を調整してください。 極端に長い文章を折り返して表示する場合は、描画する枚数を抑えるため、スパンコールが大きくなることがあります。 OS側の「アニメーションを減らす」設定が有効な場合は、静止表示・折り返し表示になります。 画像の読み込みや画面サイズの変更に伴い、演出を終了して再配置する場合があります。 ■ 動作確認について ブラウザでの描画と、模擬受信データによるコメント表示・反転演出・長文・画像表示・設定変更などを確認しています。 実際のOBS／わんコメ／YouTubeに接続した受信、わんコメへのZIPインポート、Windows上での実操作は未確認です。 模擬データによる確認は、実機での接続確認を保証するものではありません。 ■ 利用条件 購入者ご自身の配信・動画で使用できます。収益化した配信・動画にも使用可能です。 ご自身の利用に必要な範囲で、色・サイズ・コードを調整できます。 元データ・改変データの再配布、再販売、第三者との共有、自作発言は禁止します。 本商品の全部または一部を組み込んだテンプレート・素材の配布や販売も禁止します。 データを取得できる状態で、公開サーバーや共有フォルダへアップロードしないでください。 詳しくは、同梱の「LICENSE.txt」をご確認ください。 わんコメなど関連ソフトの利用条件・クレジット表記は、別途各公式の案内をご確認ください。 制作：たっくん