【OBS】配信用アドベントカレンダー 日付が来たドアだけ開く 中身は文章・画像・抽選 2デザイン 3D素材付き
- Digital500 JPY


【概要】 12/1〜12/25 の25枚のドアが並び、日付が来たドアだけ開けられる、OBS向けの配信用アドベントカレンダー(HTML)です。 ドアを開けるとプレゼントが飛び出し、文章・画像・ミニ抽選の「今日の中身」がカードで表示されます。 12月の毎日配信、クリスマス企画、視聴者参加のカウントダウン企画などに使えます。 【収録内容(全15点)】 ・アドベントカレンダー HTML:2点(クリスマス=赤・緑・金と木の枠/雪の夜=紺・銀・氷色。1ファイル完結・背景透過・推奨サイズ 1920×1080) ・導入ガイド PDF:1点(画面つき・4ページ) ・3D素材 透過PNG:12点(ドア6種・開いたドア2種・プレゼント箱4種。Blenderで作った画像で、ツール外のサムネや告知にも使えます) ・はじめにお読みください(テキスト)、プレビュー画像 【主な機能】 ・25枚のドア(初期の並びはシャッフル。順番どおりにも変更可)。1日目の日付は初期値が「今年の12/1」で、設定で変更できます ・日付が来たドアだけ開く(日本時間で判定)。まだのドアは揺れて「◯/◯ から開けられます」と表示 ・演出:ドアが開く → プレゼントが飛び出す → 光と紙吹雪 → 中身のカード ・中身は3種類:文章(タイトル+本文)/画像(設定パネルから追加)/ミニ抽選(賞品名と重み。結果はその日に1回だけ決まり、開け直しても同じ) ・開封状況は自動保存、リセットも可能 ・テスト機能:テスト用の「今日」の日付、「この日を開ける」「速く再生」、URLに ?date=2026-12-05 を付ける方法 ・カレンダーの位置(左/右)、見出し、効果音と音量、カードの表示秒数。設定の書き出し/読み込み(画像は書き出しに含まれません) 【使い方】 1. ZIPを展開し、使いたいHTMLを動かさない場所に置く 2. OBSの「ソース」→「ブラウザ」→「ローカルファイル」にチェックしてHTMLを選ぶ(幅1920×高さ1080) 3. ソースを右クリック →「インタラクト」でドアをクリックして開ける 4. Hキーで設定パネルを開き、各日の中身を入力。本番前に「テスト用の今日」で動作を確認 詳しい手順は同梱の導入ガイド(PDF)に画面つきで書いています。 【利用規約】 個人・商用利用OK(配信・動画・SNS等)/加工OK/クレジット表記は任意/本商品そのもの(または加工しただけのもの)の再配布・販売・素材集やツール集への収録は禁止/AI学習用データとしての利用は禁止/公序良俗に反する用途・誹謗中傷への利用は禁止/規約は予告なく変更する場合があります。 ■ 注意事項 ・個人制作の非公式ツールです。OBS Studio・各配信サービスとは関係ありません。 ・OBS・ブラウザ・配信サービスの仕様変更により、動かなくなる可能性があります。 ・動作確認は、パソコン用ブラウザ(Chromium)の自動テストで行いました。OBS Studio実機での確認は未検証です。本番前に必ずテストしてください。 ・HTMLファイル1つで動作します(インターネット接続・インストール不要)。スマートフォン向けではありません。 ・設定はブラウザ(OBS)内に保存されます。ブラウザのデータを消すと初期状態に戻ります。 ・表示・動作はパソコンの性能により異なります。 ・日付の判定はPCの時計(日本時間に換算)で行います。時計がずれていると開けられる日もずれます。 ・画像はブラウザ内に縮小して保存されます(保存できる量はブラウザの上限によります)。 ・抽選の結果は乱数で決まる娯楽用の演出です。

