配信画面まるごとセット第3弾|サイバーパンク/ネオンテーマ|待機・休憩・終了画面+オーバーレイ2種+ウィジェット3種(HTML/CSS/JS)
- ダウンロード商品¥ 800





配信画面の準備、毎回画像を作り直していませんか。本商品は、OBSの「ブラウザ」ソースに読み込むだけで使える、実際にアニメーションして動く配信画面のHTMLセット第3弾です。第1弾(夜空テーマ)・第2弾(桜テーマ)とは異なる「サイバーパンク/ネオン」をモチーフにしたデザインで、静止画素材と違い、時計やカウントダウンはリアルタイムに動き続け、背景では遠近グリッドが流れ、カタカナと数字の「データレイン」が降り注ぎます。 文言と色は、設定ファイル(config.js)の文字を書き換えるだけで全画面に一括反映されます。インターネット接続は不要で、外部フォントや外部ライブラリは使っていません。 【収録内容】 画面 3種(1920×1080・OBSブラウザソース用) - 待機画面:遠近グリッド+データレインの背景、グリッチ(色ずれ)見出し。開始までのカウントダウンと現在時刻つき - 休憩画面:アニメーションつきの休憩画面 - 終了画面:お礼メッセージの終了画面 オーバーレイ 2種(透明背景・映像の上に重ねて使用) - ゲーム枠:斜めカットのフレームと四隅ブラケット、上部のスキュー(傾斜)タイトル、下部に時計・配信者名・BGM表示を集約したHUDバー - 雑談枠:画面エリア枠+コメント欄枠+下部を文字が流れるティッカー(ハザードストライプの縁取り) ウィジェット 3種(透明背景・単体でも使えます) - 現在時刻:時計+日付(曜日つき)+1分の進み具合を示す秒プログレスバー - BGM表示:曲名・アーティスト名を表示する「NOW PLAYING」枠(階段状に点灯するLEDレベルメーターつき。曲名はURLパラメータでも変更可) - カウントダウンタイマー:目標時刻(例 20:00)や「今から◯分後」を設定可能。設定画面つき そのほか - 設定ガイド(guide.pdf / guide.txt):OBSへの組み込み方、文言・色の変更方法、カウントダウンの細かい設定、うまく表示されないときの対処 - プレビュー画像 4点 - 一覧ページ(index.html):全ファイルをブラウザで開いて確認できます 【第1弾・第2弾との違い】 配色は黒紺×ネオンピンク×シアン。背景では奥へ流れ続ける遠近グリッドとデータレインが動き、見出しにはグリッチ(色ずれ)演出が入ります。オーバーレイは斜めカットのフレームに下部HUDバー(時計・BGMを集約)を採用し、BGM表示は階段状に点灯するLEDレベルメーターになりました。 【こんな方におすすめです】 - 配信画面の見た目をそろえたい配信者・VTuberの方 - 待機画面のカウントダウンや、配信中の時計表示を手軽に入れたい方 - 画像編集ソフトなしで、文言だけ書き換えて使いたい方 - 第1弾(夜空テーマ)・第2弾(桜テーマ)と雰囲気を変えたい方、SF・サイバーパンク系のゲームに画面を合わせたい方 【形式】 - zip 形式でお届けします。解凍すると「stream-screen-set3」フォルダが入っています - 必要なのはブラウザとOBSだけです。特別なソフトやサーバーは不要です - 動作環境:OBSのブラウザソース、または一般的なブラウザ(Chrome等) 【ご注意】 - 本商品はHTML/CSS/JavaScriptファイルのセットです。OBS本体は含まれません - 文言・色の変更は config.js の編集で行います。手順は設定ガイドに記載しています - BGM表示ウィジェットのLEDレベルメーターは装飾のアニメーションで、実際の音量とは連動しません。音楽の再生機能もありません - 本ファイルの再配布・転売はご遠慮ください。ご自身の配信活動の範囲でご利用いただけます - ダウンロード商品のため、返品・返金はお受けできません - アニメーションはCSS/Canvasの定義レベルで確認しています(実ブラウザでのスクリーンショット撮影による確認は行っていません)。時計・カウントダウン・設定反映などの動作ロジックは自動テストで検証済みです。プレビュー画像はデザインイメージです ※ 本商品のコード・文案の作成にはAIを活用しています。各HTMLは構文チェックと動作テスト(時計・カウントダウン・設定反映の自動テスト)を行った、オリジナルのセットです。




