【クリスマス わんコメテンプレート】配信アドベントカレンダー 10デザイン|12/1〜25の窓を配信のたびに開ける・中に自分のひとことやお題ほか【OBS/毎日配信/クリスマス企画】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、配信アドベントカレンダーです。12月1日から25日まで、配信のたびにアドベントカレンダーの窓をひとつ開けられます。窓の中には自分で書いたひとことやお題が入っていて、開けた日は印が付きます。毎日配信・クリスマスまでの企画に。Python などの準備はいりません。横1280×縦720・背景透明。画面の隅(既定は右上)に「12/7 の窓」の小さな札が出ます。デザインは10種類です。窓を開けるのは、配信者がコメント欄にコマンドを書いて行います(音は鳴りません)。 ■ 流れ 1. config.js の messages に、1日目〜25日目の「ひとこと・お題」を書きます(初期値は汎用の例。空欄の日は「今日もありがとう」) 2. OBS に入れます。隅に、今日の日付の窓の札(「12/7 の窓」「まだ閉まっています」)が出ます 3. 配信のはじめに、配信者がコメント欄に `!adv open` と書きます。扉がひらいて、中のひとこと・お題が大きく出ます(既定は 10 秒)。開けた窓には印が付きます 4. `!adv show` で 25 の窓の大きなカレンダー(開けた日に印、今日の窓は光る)。`!adv hide` で隠します 5. (有料版)窓を開ける前に、視聴者が「あけて」「オープン」とコメントすると扉のまわりの光が増え、config.js の openVotes に決めた人数に届くと自動で開きます 6. (有料版)12月25日の窓は、星と紙吹雪の特別な演出で開きます。`!adv log` で開けた日の一覧 7. 12月以外の日の試し打ちは、config.js の testDate(例 '12-07')か、`!adv open 7` のように日を書きます 8. やり直すときは `!adv reset` で開けた窓の記録を全部消します ■ 特長 ・隅の小さな札に、窓の絵・「12/7 の窓」・「まだ閉まっています」「ひらきました」・「あけた 3/25」を表示。ラベルは label で変えられます。置く隅は四隅から選べ、badge を false にすれば札を出さずにカレンダーだけも使えます ・25 の窓のカレンダー(5×5)。開けた窓は扉がひらいて中の光と絵柄が見え、印(チェック)が付きます。今日の窓は輪と光で目立ち、「きょう」の札が付きます ・窓を開けると、扉がひらく演出のあと、中のひとこと・お題を大きく表示。長いひとことは文字が小さくなって札に収まります(80 文字まで)。秒数は cardSeconds で変えられます ・ひとこと・お題は config.js の messages に 1日目〜25日目の順に書くだけ。初期値は「今日は好きな冬の食べ物の話」など汎用で中立な例です(特定の人・作品・店の名前は入っていません) ・日付は端末の日付を使います。12月以外で試すときは testDate(例 '12-07')、または `!adv open 7` のように日を書いて開けます ・(有料版)視聴者の「あけて」「オープン」で扉のまわりの光が増え、openVotes の人数に届くと自動で開く(同じ人は 1 票。言葉は voteWords で変えられます。既定は使わない設定です) ・(有料版)25日目の特別な演出(星と紙吹雪) ・(有料版)窓の絵柄を theme で選べます(プレゼント・雪・星) ・(有料版)`!adv log` で、開けた日・時刻・ひとことの一覧 ・窓の中の札・一覧・カレンダーは、隅の札と反対側の帯に出るので、隅の札には重なりません ・配信者のコマンドは配信者本人のコメントだけ有効(視聴者が「!adv open」と書いても開きません)。全角の「!」・全角スペース・全角の数字も可 ・ひとこと・お題は文字として表示します(タグを書いてもそのまま文字で出ます) ・開けた窓の日と時刻・カレンダーを出しているか・視聴者の「あけて」の票は localStorage(キー onecomme-advent-v1)に保存され、OBS を再読み込みしても、セッションの途中で OBS を開き直しても同じ状態が続きます。同じコメントで二度数えません ・config.js で、position(四隅)・label・badge・testDate・messages・cardSeconds・theme・openVotes・voteWords・listSeconds・アクセントカラーを変えられます ・アクセントカラー: color を変えると、札の枠・窓の枠・ラベルと番号と印の札・今日の窓の輪と光・光の点・窓の中の光・見出しの線の色が変わります(文字の基本色・札の地・絵柄の主な色は変わりません) ・OBS の「ローカルファイル」で index.html を選んで入れても、自動でわんコメの URL に開き直して動きます ・デザイン10種: ネオン(赤いネオン管の札)/ゆめかわ(ピンクとミントのパステル)/ピクセル(8bit の枠)/和風(茶の札に金の縁、赤い扉)/ミニマル白(赤の差し色)/ミニマル黒(金の差し色)/肉球・猫(やさしい暖色の札)/宇宙(星空の札)/宝石(紺の面に宝石色の縁)/ターミナル(緑の線画の端末) ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示。音は鳴りません ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅1280・高さ720を設定し、画面いっぱいに置く 4. 配信者が `!adv open` と書くと、今日の窓が開きます(12月以外は testDate か `!adv open 7`) ■ 動作環境 わんコメ 9.1 以降 + OBS のブラウザソース。表示中はわんコメを起動しておいてください(テンプレートはわんコメ本体の OneSDK を読み込みます)。 ■ 同梱 ・デザイン別テンプレートzip 10個(neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js) ・説明書.txt(導入手順・画面の見方・配信者のコマンド・視聴者参加・25日目の演出と一覧と絵柄・状態の記録・無料版との違い・config.jsの変え方・アクセントカラー・デモ表示・動作環境・利用規約) ■ 注意 ・コマンドはわんコメの配信者(自分のチャンネル)のコメントだけが効きます。視聴者のコメントでは動きません。 ・最初に入っているひとこと・お題は汎用の例です。自分の配信に合わせて messages を書き換えてください。 ・視聴者の「あけて」は「開けてほしい」という応援の票です(コマンドではありません)。人数に届いたときだけ自動で開きます。使わないときは openVotes を 0 のままにしてください。 ・視聴者参加・25日目の演出・窓の絵柄の選択・開けた日の一覧・10デザインは有料版の機能です。 ・画像・動画を生成するAIは使っていません(プログラムで描画)。プログラムと説明文はAIアシスタント(Claude)が作成しています。 ・わんコメ公式のテンプレート追加機能(zipのドラッグ&ドロップ)で導入します。フォルダを直接配置する方法ではありません。 ・コメントを使う機能(配信者のコマンド・視聴者の「あけて」)が YouTube のコメントに反応するには、わんコメで Google ログインが必要です。 ・記録は OBS のブラウザソースの中(localStorage)に保存されます。別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。OBS をわんコメと別のパソコンで使う場合は、URL に ?stay=1 を付けてください(説明書に手順があります)。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です(わんコメ側の決まりです)。 ・配信・動画での使用可、収益化配信(投げ銭・広告収益等)での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート(zip・index.html・config.js等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット(2,980円) https://moonlitprops.booth.pm/items/8924071

