こちらは、OBSやわんコメで使用できる サイバーパンク風のコメント吹き出しHTMLテンプレートです。 ネオンの発光、ガラスのような質感、薄い走査線、控えめなグリッチ演出を組み合わせ、 配信画面に近未来的な雰囲気を加えられるコメント表示素材として制作しました。 吹き出しは、右上と左下が欠けたようなシャープな形状にしており、 一般的な丸いコメント枠とは違う、少し硬質で電脳感のあるデザインになっています。 文字は小さすぎず、配信画面上でも読みやすいように調整しています。 装飾を入れつつも、コメント本文の視認性を優先した構成です。 ============================== カラー内容 ============================== 本商品には、雰囲気の異なる3種類のカラーを収録しています。 1. neon_slash シアン × マゼンタを基調にした、王道のサイバーパンクカラーです。 ネオン感が強く、ゲーム配信・雑談配信・夜系の配信画面に合わせやすいデザインです。 2. acid_terminal ライム × イエローを基調にした、少しターミナル風のカラーです。 電脳感やハッキング風の雰囲気を出したい配信画面に向いています。 3. crimson_glass バイオレット × クリムゾンを基調にした、暗めで重厚感のあるカラーです。 落ち着いた雰囲気の配信や、ダーク寄りの配信画面にも使いやすいデザインです。 ============================== 特徴 ============================== - OBSブラウザソース対応 - わんコメ用テンプレート同梱 - HTML / CSS / JavaScript形式 - 3色セット - 背景透過 - コメント本文と名前を表示 - 新着コメントを自動で追加表示 - 右上と左下が欠けたサイバーパンク風シルエット - ガラス調のパネル表現 - ネオンの縁取り - 薄い走査線アニメーション - 控えめなグリッチ演出 - 余白を活かした読みやすいレイアウト - 色や表示時間などをカスタマイズ可能 ============================== 内容物 ============================== ZIP内には以下のファイルが含まれています。 各カラーフォルダ/ ├─ obs_demo/ │ ├─ index.html │ ├─ style.css │ ├─ cyberpunk-comment.js │ └─ onecomme-bridge.js │ └─ onecomme_template/ ├─ index.html ├─ style.css ├─ cyberpunk-comment.js ├─ onecomme-bridge.js ├─ template.json └─ README.txt docs/ ├─ setup_guide.txt ├─ customization_guide.txt ├─ terms_of_use.txt ├─ troubleshooting.txt └─ file_name_map.txt ============================== 使い方 ============================== OBSで使用する場合: 1. OBSで「ソース」から「ブラウザ」を追加します。 2. 「ローカルファイル」にチェックを入れます。 3. 使用したいカラーの obs_demo/index.html を選択します。 4. 幅や高さを配信画面に合わせて調整してください。 推奨サイズの目安: 幅: 1000〜1200 高さ: 700〜900 わんコメで使用する場合: 1. 使用したいカラーの onecomme_template フォルダを使用します。 2. わんコメのテンプレート配置先にフォルダを入れます。 3. わんコメ側でテンプレートを選択してください。 onecomme_template/index.html を直接開いた場合も、 見た目確認用のサンプルコメントが表示されるようにしています。 ============================== カスタマイズについて ============================== index.html 内の設定から、以下のような調整が可能です。 - 表示するコメント数 - コメントの表示時間 - 吹き出しの最大幅 - コメント本文の色 - 名前の色 - ネオンカラー - 発光の強さ - 走査線や光の動きの速さ - 文字サイズ - 余白の広さ - 背景パネルの濃さ CSSを編集できる方であれば、さらに細かく見た目を調整できます。 ============================== 利用規約 ============================== OK: - 配信での使用 - 動画での使用 - 収益化配信での使用 - OBSでの使用 - わんコメでの使用 - 色やサイズなどのカスタマイズ - 個人利用 - 法人・商用配信での使用 NG: - 素材そのものの再配布 - 素材そのものの販売 - 自作発言 - 改変した素材の再配布・販売 - 公序良俗に反する用途での使用 クレジット表記は任意です。 表記していただける場合は「たっくん」と記載してください。 ============================== 注意事項 ============================== - 本商品はHTMLテンプレート素材です。 - OBSやわんコメ本体の使い方についての個別サポートは対象外です。 - 使用環境によって、表示や動作に差が出る場合があります。 - 購入後の返金対応はBOOTHの仕様上、原則として対応できません。 - ダウンロード後は、同梱の README_FIRST.txt を最初にご確認ください。 ============================== おすすめの使用シーン ============================== - ゲーム配信 - 雑談配信 - VTuber配信 - 歌枠 - 深夜配信 - 近未来風の配信画面 - サイバーパンク風の配信画面 - ネオン系オーバーレイと合わせたい配信