緑と白の日よけ、メニュー帳のような枠、伝票の形のコメント欄。クリームソーダやプリン、さくらんぼの小物を置いた、レトロ喫茶の配信画面です。泡が上り、さくらんぼがゆれ、待機・離席・終了では見出しの字が1字ずつはねます。 場面は待機・雑談・ゲーム・離席・終了の5つで、横（YouTube・Twitch など）と縦（縦の配信）のどちらにもあります。同じ柄の週間スケジュール表（横・縦）は、スタンダード以上と「スケジュール表だけ」に入っています。色ちがいのいちごソーダ・ブルーハワイは、コンプリートに入っています。 小物・札・ゲームの窓の枠・はんこの原画は画像生成AIで作成し、柄・文字・配置・アニメーションはコードで制作しています。 ■ 選べる6つのセット（買い切り） この商品ページ1つで、ご購入のときにバリエーションからお選びいただけます。ベーシックとスタンダードは、横と縦を分けてご用意しました。 ベーシック 横／縦　各800円：動く5画面（待機・雑談・ゲーム・離席・終了）。まず1つの向きで試したい方に スタンダード 横／縦　各1,280円：ベーシックに、場面の見出しの無い地だけの画面・場面ごとの透過の枠・札・場面の見出しだけの透過の画像・小物の画像・書きかえられる表示（名前・SNS・話題・ゲーム名・時計・残り時間ほか）・YouTube のコメント欄用のCSS・週間スケジュール表が付きます コンプリート　1,980円：横と縦のスタンダードの中身すべてに、色ちがい2色（いちごソーダ・ブルーハワイ）・アラート4種・場面の切り替え・重ねる透過アニメーション3種・サムネイルの台紙・X のヘッダー・スケジュール表メーカー・編集元が付きます スケジュール表だけ　330円：週間スケジュール表の横と縦（曜日入りと文字なしの土台・はんこ・おやすみの札。メロンソーダの色） スタンダードの横と縦を別々にお買い求めいただくと2,560円です。 ■ セット内容 【ベーシック 横】16ファイル ・横 1920×1080 の動く画面 5本（待機・雑談・ゲーム・離席・終了）：mp4・静止画（png） ・書体（M PLUS Rounded 1c。ライセンスつき）と、ゲームの映像を置く場所の数字（LAYOUT） ・README（案内）と LICENSE（ご利用の範囲） 【ベーシック 縦】16ファイル ・縦 1080×1920 の動く画面 5本（待機・雑談・ゲーム・離席・終了）：mp4・静止画（png） ・書体（M PLUS Rounded 1c。ライセンスつき）と、ゲームの映像を置く場所の数字（LAYOUT） ・README（案内）と LICENSE（ご利用の範囲） 【スタンダード 横】80ファイル ・ベーシック 横の中身すべて ・場面の見出しの無い地だけの動く画面（mp4・png） ・透過の枠（png）7点：5つの場面とスケジュール表の全画面の枠と、単独のゲームの窓の枠 ・札の画像（png）6点：メニュー帳・レジ・伝票・ストロー2本・卓上の札（字は入っていません） ・場面の見出しだけの透過の画像（png）3点（待機・離席・終了） ・小物の透過 png 15点（クリームソーダ・プリン・さくらんぼ・コーヒーなど） ・［ブラウザ］で使う表示（html）9種（名前・SNS・話題・ゲーム名・時計・残り時間・アラートの見本・上下の帯）と、字を変える settings.js・大きさの一覧（sizes） ・YouTube のコメント欄用のCSSと表示見本 ・週間スケジュール表（png）：曜日入りの土台・文字なしの土台・予定のはんこ5種・おやすみの札 ・スケジュール表は、横 1920×1080 と縦 1080×1920 の両方が入ります ・README（案内）と LICENSE（ご利用の範囲） 【スタンダード 縦】80ファイル ・ベーシック 縦の中身すべて ・そのほかは【スタンダード 横】と同じ物の、縦の版です（スケジュール表は横と縦の両方） ・README（案内）と LICENSE（ご利用の範囲） 【コンプリート】620ファイル ・スタンダード 横とスタンダード 縦の中身すべて ・色ちがい2色（いちごソーダ・ブルーハワイ）：動く画面・透過の枠・札・見出しの画像・小物・［ブラウザ］の表示・コメント欄用のCSS・スケジュール表・アラート・場面の切り替え・重ねるアニメーション・台紙・ヘッダーを、横と縦とも色ごとに一式（03_colors フォルダ・書体つき） ・アラートの透過 webm 4種（フォロー・登録・サポート・レイド）：横・縦のフォルダに1本ずつ（png つき） ・場面の切り替え（スティンガー）の透過 webm：横・縦 各1本（2秒・字なし） ・重ねて使う透過アニメーションの webm 3種（泡・きらめき・さくらんぼ。8秒のループ・画面と同じ大きさ）：横と縦のフォルダに1本ずつ（png つき） ・サムネイルの台紙（1280×720・真ん中が透明）と X のヘッダー（1500×500）：横のフォルダ ・スケジュール表メーカー（html）：ブラウザで開いて予定を入れ、png で保存できます。［OBS用のURLをコピー］で出した URL を OBS の［ブラウザ］に入れると、今日の枠がゆっくり光ります ・編集元（画面の絵のコードと書き出しの道具、小物・札・はんこの原画。制作の参考用で、そのままでは動かず、サポートは付きません） ・README（案内）と LICENSE（ご利用の範囲） 【スケジュール表だけ】18ファイル ・週間スケジュール表（png）：曜日入りの土台・文字なしの土台・予定のはんこ5種・おやすみの札 ・横 1920×1080 と縦 1080×1920 の両方が入ります ・README（案内）と LICENSE（ご利用の範囲） ■ アニメーション ・待機・離席・終了：見出しの字が4秒に1回、1字ずつはねます。画面全体を泡が上り、きらめきがふくらんではしぼみます。さくらんぼと、ハートのクッキー・レモンがゆれます ・雑談・ゲーム：泡が上り、きらめき・さくらんぼ・小物が動きます。ゲームの映像を置く窓の中には泡を描いていません ・縦も同じ動きです。点滅はしません ・8秒のループです ■ 仕様 ・動く画面は、横 1920×1080／縦 1080×1920・30fps・8秒のループ・音声なし・mp4（H.264） ・アラートは5秒（1回の再生）、場面の切り替えは2秒、重ねるアニメーションは8秒のループの、透過の webm（VP9）です。どれも画面と同じ大きさです ・スケジュール表は png（横 1920×1080／縦 1080×1920）です ■ OBS での使い方 ・動く画面は、ソースの［メディア］で mp4 を読み込み、［ループ (繰り返し)］をオンにします ・場面ごとの透過の枠（frames の同じ名前の png）は［画像］で、動画の上に位置 0,0 のまま重ねます。ゲームやカメラの映像は、動画と枠のあいだに置きます。枠に入っている小物は1コマで止まって見えるので、動きを見せたい場面では枠を重ねないでください ・書きかえられる表示は［ブラウザ］で［ローカルファイル］をオンにして html を選び、幅と高さは同じフォルダの sizes の数字にします。名前などの字は、同じフォルダの settings.js を書きかえて保存し、表示を読み込み直します。フォルダの並びは変えないでください（書体を2つ上の fonts フォルダから読みます） ・アラートは1回だけ再生する素材です。［ループ (繰り返し)］はオフにします。重ねるアニメーションはオンにします ・場面の切り替えは［シーントランジション］で［スティンガー］を選び、webm を指定します。切り替える時点は 1000ms です ・スケジュール表の png は、画像の編集アプリで予定の字を入れてお使いください（コンプリートは、メーカーで字を入れて保存することもできます） ・色ちがいも使い方は同じです。［ブラウザ］の表示とコメント欄用のCSSは、03_colors の同じ色のフォルダの物を使うと、その色で出ます ・縦の画面は、OBS の［設定］→［映像］で［基本 (キャンバス) 解像度］を 1080x1920 にしてお使いください ・ゲームの映像を置く場所の目安：横は x69・y198・幅1091・高さ614、縦は x60・y457・幅960・高さ540（同梱の LAYOUT の数字。枠の透明な窓と合うことを測って確かめています） ■ ご購入前に ・場面の大きな字（まもなく開店します・ただいま休憩中です・ご来店ありがとうございました と英字の STARTING SOON・BE RIGHT BACK・THANK YOU）と、comment・schedule などの小さな見出しは絵に焼き込んであり、変えられません ・お名前やチャンネル名の字は入れていません。出すときは、［ブラウザ］の表示（スタンダード以上）や、OBS の［テキスト (GDI+)］（Mac は［テキスト (FreeType 2)］）を重ねてください ・雑談の画面のメニュー帳と伝票、ゲームの窓は、映像やコメントを重ねるための空きです ・横のゲームの画面は、窓の右下の角にクリームソーダの小物が少し掛かります（窓だけの透過の枠 game_frame には掛かりません） ・透過の枠（frames）には、窓・札と、その場面の小物を1コマで止めた絵が入っています ・［ブラウザ］の表示で変えられるのは、settings.js の名前・SNS・ハッシュタグ・話題・話題の英字の見出し・ゲーム名・残り時間の秒数と見出し・アラートの見本の文・アラートを出す間隔（0 なら開いたとき1回とクリックのときだけ）・上下の帯の文です。SNS とハッシュタグははじめ空欄です。時計は、配信するパソコンの時刻を表示します。残り時間は、表示を読み込んだ時から数えます（はじめは5分） ・アラート（webm・png と［ブラウザ］の見本 alert.html）は、フォローなどの出来事と自動ではつながりません。お使いのツールで表示を設定してください ・コメント欄用のCSSは、YouTube のコメント欄のポップアウトの URL を OBS の［ブラウザ］で開いて、［カスタム CSS］に中身を貼って使います。書体は、同梱の M PLUS Rounded 1c をパソコンに入れると使われます。YouTube の実際のページに当てての表示は確かめていません ・場面の切り替えは、緑と白のしま模様が画面を覆って開く動きで、字はありません。0.8〜1.2秒のあいだは画面全体を不透明に覆い、そのあいだに次の場面へ切り替わります ・重ねるアニメーション3種はループで使うための素材で、はじめと終わりも消えません ・スケジュール表メーカーは、外部と通信しないメーカー（html と絵のフォルダ一式）です。フォルダごとお使いください。入れた予定は、お使いのブラウザの中にだけ残ります。字はパソコンの書体で出ます（Mac は丸ゴシック、Windows は UD ゴシックなど） ・ベーシック・スタンダード・スケジュール表だけの色はメロンソーダ（緑）だけです。色ちがい2色はコンプリートだけで、緑の部分の色を置きかえた版です。動きと字は同じです ・縦の画面では、配信先のコメント欄やボタンが上下に重なります ・商品ページの画像は見本です。画像と同梱の表示見本のコメントの名前と発言、スケジュール表の予定は、見本として書いたものです ・人物・ゲームの映像・BGM・音は付いていません。立ち絵を置く空きはありますが、立ち絵は付いていません ・アラート・場面の切り替え・重ねるアニメーションは、透過のため webm です。webm は動画編集ソフトによっては読み込めないことがあります ・こちらで確かめたこと：すべての動画（色ちがいを含む）の形式・大きさ・30fps と、ループの継ぎ目、透過の webm の透明な所と切り替えの覆う時間、［ブラウザ］の表示を一般のブラウザ（Chromium）で開いたときの書体と字の切れ（3色とも）、スケジュール表メーカーの保存。OBS での再生・スティンガーの実行・実際の配信は確かめていません ■ ご利用の範囲 ○ できること ・配信、動画、SNSでの使用（商用・非商用を問いません。収益化した配信、メンバーシップ向けの動画、案件・企業案件の動画も含みます） ・色や大きさの変更、トリミング、他の素材と組み合わせるなどの改変 ・企業や団体の配信での使用 ・クレジット表記は必要ありません × できないこと ・素材そのもの（改変したものを含む）の再配布・再販売（相手が特定か不特定か、有償か無償かを問いません） 　└ ただし、ご自身の配信・動画のために、編集者やデザイナーなど制作を手伝う方へ一時的にお渡しいただくのは差し支えありません。作業が終わったら、その方の手元に素材を残さないでください。 　└ ただし、ご依頼を受けて他の方の配信画面を制作される場合は、ご依頼者ご本人にお買い上げいただき、その方の手元でお使いください。設定やレイアウトのお手伝いは差し支えありません。素材ファイルや ZIP をお渡しになるのは、再配布に当たります。 ・素材を取り出して使える形で配る商品の制作・販売（素材集・テンプレート・素材同梱の商品など、素材そのものが主な価値になるもの） ・素材を印刷・加工したグッズ等の販売（ご自身の配信・活動で配るノベルティは差し支えありません） ・自分が制作したものとしての公開（自作発言） ・素材そのもの、または素材を主体としたデザインの商標登録・意匠登録 ・違法な内容、他者を誹謗中傷する内容での使用 くわしくは同梱の LICENSE.txt をご覧ください（6つのセットとも、できること・できないことは同じです。webm が入るセットだけ webm の注記が1項目多いため、版番号は 2d81c76d／9da81259 の2つに分かれます）。 ■ お問い合わせ この商品ページのメッセージからお気軽にどうぞ。