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