日本の伝統技法「墨流し」をイメージした、わんコメ対応のコメント吹き出しテンプレートです。 やわらかな和紙風カードの縁に、墨と藍色の模様がゆっくりと流れ続けます。模様はあらかじめ用意された画像ではなく、コメントが届くたびに数理マーブリングによって生成されます。 投稿者名とコメント本文をもとに模様が決まるため、同じ人が同じ言葉を投稿した場合は同じ模様になり、文字が一つでも変わると異なる模様が生まれます。 偶然性のある美しい墨模様と、コメントごとの個性を楽しめる和風コメント吹き出しです。 【内容】 ・わんコメ用コメント吹き出しHTML ・ブラウザ確認用OBSデモ ・設定用 editor_schema.json ・template.json ・導入説明書 ・トラブルシューティング 【特徴】 ・日本の墨流しをイメージした和風デザイン ・和紙風カードの縁に墨と藍色の模様を表示 ・数理マーブリングによってコメントごとに模様を生成 ・投稿者名と本文から模様を決定 ・同じ名前と同じ本文では同じ模様を再現 ・本文が一文字変わるだけでも異なる模様に変化 ・模様が縁だけに表示される、読みやすさを重視した設計 ・墨流し模様がゆっくりと流れるループアニメーション ・名前の横に落款印風のマークを表示 ・絵文字やスタンプ画像の表示に対応 ・コメント部分以外の背景は透過 ・コメントがない間は描画処理を停止 ・動きを抑える設定にも対応 ・OBSブラウザソースで使用可能 ・わんコメ対応 【OBSデモについて】 obs_demo フォルダ内の index.html をブラウザで開くと、サンプルコメントが自動で表示されます。 わんコメやOBSを起動していない状態でも、墨流し模様やコメント表示の見た目を確認できます。 【導入方法】 ■ わんコメ5.0以上 わんコメ右上のメニューから「テンプレート」を開きます。 ダウンロードしたZIPファイルをテンプレート画面へドラッグ＆ドロップします。 テンプレート一覧に追加された「suminagashi」をOBSへ配置します。 ■ わんコメ4.3以前 ZIPファイルを解凍します。 suminagashi フォルダ内の onecomme_template にあるファイルを、わんコメのテンプレートフォルダへ配置します。 OBSのブラウザソースへ追加して使用します。 フォルダを開いた直下に index.html がある状態で配置してください。 【カスタマイズ】 editor_schema.jsonに対応しているため、対応するテンプレートエディタから各項目を調整できます。 調整できる主な項目： ・コメントと投稿者名の文字サイズ ・行間 ・カードの最大幅 ・上下左右の余白 ・墨流しの縁の太さ ・和紙、本文、名前、落款印の色 ・墨と藍の色 ・墨流し模様の密度 ・模様が流れる強さ ・アニメーションの周期 ・登場アニメーションの速度 ・コメントの表示時間 ・最大表示件数 ・スタンプ画像のサイズ 色や模様の設定変更は、変更後に届いたコメントから反映されます。 【負荷について】 コメントが表示されている間のみ、墨流し模様の描画処理が動作します。表示中のコメントが一件もない場合は、描画ループが停止します。 表示が重い場合は、最大表示件数や墨の密度を下げることで負荷を調整できます。 【注意事項】 ・本商品は、わんコメとOBSブラウザソースでの使用を想定したHTMLテンプレートです。 ・環境やOBSの設定によって、表示サイズや描画結果が異なる場合があります。 ・Canvas描画を利用できない環境では墨流し模様が表示されない場合がありますが、コメント文字は表示されます。 ・画像スタンプは、安全対策のため対応するURL形式のみ表示されます。 ・フォルダパスに全角文字や全角スペースが含まれていると、正常に動作しない場合があります。 ・本商品に音声素材やBGMは含まれていません。 ・再配布、再販売、自作発言は禁止です。 コメントが届くたび、和紙の上に新しい墨の景色が生まれます。 和風配信、雑談、朗読、歴史ゲーム、落ち着いた深夜配信などにおすすめのコメント吹き出しテンプレートです。