黒染めの金属銘板と、ゆっくりと回転する真鍮の歯車機構を組み合わせた、時計仕掛け・クロックワーク風のコメント吹き出しテンプレートです。 コメントが届くたび、そのコメント専用の歯車列を自動生成。 単純に決められた歯車を並べているのではなく、歯数比を計算して、互いに正しく噛み合う歯車機構として組み立てます。 コメントによって歯車の数・大きさ・配置が変化するため、コメントが増えるたびに異なる機械仕掛けが現れます。 スチームパンク、アンティーク機械、時計仕掛け、真鍮系の配信画面などにおすすめです。 ■ 特徴 ・黒染めの金属銘板をイメージしたコメントデザイン ・真鍮の歯車がゆっくり回転するクロックワーク演出 ・コメント1件ごとに歯車機構を自動生成 ・歯車同士が正しく噛み合うよう歯数比を計算して配置 ・コメントによって歯車の数と大きさが変化 ・機構が伸びる方向や配置もコメントごとに変化 ・同じ名前＋同じコメントからは同じ機構を生成する決定論的デザイン ・歯車は文字の外側だけに配置し、本文の読みやすさを確保 ・背景透過 ・名前とコメント本文を分けて表示 ・コメントは下から上へ積み上がる形式 ・時間経過によるコメントの自動削除なし ・最大表示件数を超えた場合のみ古いコメントから押し出し ・スタンプ画像を含むコメント表示に対応した構成 ・editor_schema.json による各種カスタマイズに対応 ■ コメントごとに異なる「機械」が生まれます このテンプレートの特徴は、コメントの周囲に表示される歯車が単なる飾りではないことです。 コメントを受信すると、その内容をもとに歯車の数・大きさ・配置を決定し、互いに噛み合う歯車列を組み立てます。 小さな歯車が細かく連なる機構になることもあれば、大型の歯車を中心としたシンプルな機構になることもあります。 機構が左側へ伸びたり、右側や上下へ展開したりと、コメントごとに見た目が変化します。 同じ「名前＋本文」の組み合わせでは同じ歯車配置になるため、完全なランダムではなく、コメントそのものが機械の設計図になるような仕組みです。 ■ 可読性を邪魔しない歯車配置 歯車はコメント本文の上には重ならず、黒い銘板の外周部分に生成されます。 機械仕掛けの存在感を出しながらも、配信中に最も重要なコメント本文の読みやすさを優先した構成です。 大量の歯車を画面全体へ敷き詰めるのではなく、「コメントの周囲だけに存在する精密機構」として表示されます。 ■ こんな配信におすすめ ・スチームパンク系の配信 ・時計仕掛け、クロックワークをテーマにした配信 ・アンティーク機械の雰囲気が好きな方 ・黒＋真鍮系の配信画面 ・ファンタジーや錬金術系の世界観 ・機械仕掛けの配信オーバーレイを使っている方 ・コメントごとに見た目が変化するテンプレートを使いたい方 ・一般的な四角いコメント欄とは違った演出を取り入れたい方 ■ カスタマイズ わんコメのテンプレート編集機能から、さまざまな項目を変更できます。 【文字】 ・コメント文字サイズ ・名前文字サイズ ・行間 【吹き出し】 ・吹き出し最大幅 ・上下余白 ・左右余白 【歯車機構】 ・左側の歯車エリア幅 ・右側の歯車エリア幅 ・上下の歯車エリア幅 ・歯車数の最小値 ・歯車数の最大値 ・歯車の大きさ ・歯車の不透明度 ・回転速度 【カラー】 ・真鍮の明るい部分 ・真鍮の暗い部分 ・真鍮の縁 ・ゴールドアクセント ・銘板カラー ・本文カラー ・名前カラー ・軸受け部分のカラー 【演出】 ・登場アニメーション速度 ・最大コメント表示件数 ・スタンプサイズ 歯車数の最小値と最大値を同じ値にすれば、歯車数をほぼ固定したデザインとして使用することもできます。 また、歯車エリアの幅を0に設定すれば、歯車を表示せず、黒染めの金属銘板だけのシンプルなコメント吹き出しとして使用することもできます。 ■ コメントの表示について コメントは一定時間が経過しても自動では消えません。 設定した最大表示件数を超えた場合のみ、最も古いコメントから順番に押し出されます。 コメントが少ない配信でも、表示されたコメントが勝手に消えてしまわない仕様です。 ■ 内容物 ・わんコメ実配信用テンプレート ・OBS確認用デモ ・ブラウザ確認用プレビュー ・操作パネル付きプレビュー ・HTML / CSS / JavaScript ・onecomme-bridge.js ・template.json ・editor_schema.json ・README_FIRST.txt ・トラブルシューティング ■ 使用方法 実際の配信では、同梱されている onecomme_template 内のテンプレートをわんコメへ追加して使用します。 OBSで見た目を確認する場合は、 obs_demo/index.html をOBSのブラウザソースへ指定することで確認できます。 背景は透過しているため、ゲーム画面や配信背景の上へそのまま重ねて使用できます。 ■ 注意事項 ・本商品は、わんコメ / OBS向けのHTMLコメント表示テンプレートです。 ・歯車の数、大きさ、速度などの設定変更は、新しく届いたコメントから反映されます。 ・歯車を大量に表示した場合や、大きなサイズで多数のコメントを表示した場合は、配信環境によって描画負荷が増える場合があります。 ・OS側で「動きを減らす」設定が有効になっている場合、歯車の回転が停止する場合があります。 ・コメントは時間経過では自動削除されません。最大表示件数を超えた場合のみ、古いコメントから順に削除されます。 コメントそのものから機械仕掛けが組み上がり、真鍮の歯車が静かに回り続ける。 コメント欄を単なる文字表示ではなく、ひとつひとつ異なる「クロックワーク機構」として見せるためのコメント吹き出しテンプレートです。