方眼紙の上に、ピンクの街区と水色の川、角の丸い道路が広がる、パステルカラーの街の地図です。 道路を小さな車がぐるぐると走り、拠点のリングがふわりと光り、川には小さな波が立つ、動く配信画面です。 待機・雑談・ゲーム・離席・終了の5つの場面を、横（YouTube・Twitch など）と縦（縦の配信）の両方でご用意しました。スタンダード以上は、地だけの画面・コラボ画面・透過の枠・書きかえられる表示・コメント欄用のCSSつきです。コンプリートには、スカイ・サンセットの色ちがい2色も入っています。 ■ 選べる5つのセット（買い切り） この商品ページ1つで、ご購入のときにバリエーションからお選びいただけます。コンプリート以外は、横と縦を分けてご用意しました。 ベーシック 横／縦　各800円：動く5画面（待機・雑談・ゲーム・離席・終了）。まず試したい方に スタンダード 横／縦　各1,280円：ベーシックに、場面の見出しの無い地だけの画面・2人用のコラボ画面・場面ごとの透過の枠・ゲームとカメラの枠・名前などの帯・書きかえられる表示（名前・SNS・話題・ゲーム名・時計・残り時間ほか）・YouTube のコメント欄用のCSSが付きます コンプリート　1,980円：横と縦のスタンダードの中身すべてに、色ちがい2色（スカイ・サンセット）・アラート4種・場面の切り替え・動く信号の帯・小物の画像5点・編集元が付きます スタンダードの横と縦を別々にお買い求めいただくと2,560円です。 ■ セット内容 【ベーシック 横】18ファイル ・横 1920×1080 の動く画面 5本（待機・雑談・ゲーム・離席・終了）：mp4・静止画（png） ・書体（DejaVu Sans Bold・DejaVu Sans Mono・Noto Sans JP。ライセンスつき）と、ゲームの映像を置く場所の数字（LAYOUT） ・README（案内）と LICENSE（ご利用の範囲） 【ベーシック 縦】18ファイル ・縦 1080×1920 の動く画面 5本（待機・雑談・ゲーム・離席・終了）：mp4・静止画（png） ・書体（DejaVu Sans Bold・DejaVu Sans Mono・Noto Sans JP。ライセンスつき）と、ゲームの映像を置く場所の数字（LAYOUT） ・README（案内）と LICENSE（ご利用の範囲） 【スタンダード 横】49ファイル ・ベーシック 横の中身すべて ・場面の見出しの無い地だけの動く画面（mp4）と、2人用のコラボ画面（mp4・png） ・透過の枠（png）8点：場面ごとの全画面の枠と、単独のゲームの枠・カメラの枠 ・名前などの帯（png）4点：NAME・SNS・TOPIC・GAME_TITLE の見出しつき（下の段は透明で、字を重ねて使います） ・［ブラウザ］で使う表示（html）9種：名前・SNS・話題・ゲーム名・時計・残り時間・アラートの見本・上の帯・下の帯。あわせて字を変える settings.js と表示の大きさの一覧（sizes） ・YouTube のコメント欄用のCSSと表示見本 ・README（案内）と LICENSE（ご利用の範囲） 【スタンダード 縦】49ファイル ・ベーシック 縦の中身すべて ・場面の見出しの無い地だけの動く画面（mp4）と、2人用のコラボ画面（mp4・png） ・透過の枠（png）8点：場面ごとの全画面の枠と、単独のゲームの枠・カメラの枠 ・名前などの帯（png）4点：NAME・SNS・TOPIC・GAME_TITLE の見出しつき（下の段は透明で、字を重ねて使います） ・［ブラウザ］で使う表示（html）9種：名前・SNS・話題・ゲーム名・時計・残り時間・アラートの見本・上の帯・下の帯。あわせて字を変える settings.js と表示の大きさの一覧（sizes） ・YouTube のコメント欄用のCSSと表示見本 ・README（案内）と LICENSE（ご利用の範囲） 【コンプリート】368ファイル ・スタンダード 横とスタンダード 縦の中身すべて ・色ちがい2色（スカイ・サンセット）：動く画面・透過の枠・帯・［ブラウザ］の表示・コメント欄用のCSS・アラート・場面の切り替え・動く信号の帯・小物の画像を、横と縦とも色ごとに一式（03_colors フォルダ・書体つき） ・アラートの透過 webm 4種（NEW FOLLOW・NEW SUBSCRIBER・THANK YOU・WELCOME RAID）を、横・縦のフォルダに1本ずつ（png つき・横と縦で同じ絵です） ・場面の切り替え（スティンガー）の透過 webm：横・縦 各1本（2秒・字なし） ・動く信号の帯の透過 webm（800×140・12秒・CITY / TRAFFIC の帯。はじめと終わりが透明です。横と縦のフォルダに同じ絵） ・小物の透過 png 5点（車・街区のブロック・道路の輪・拠点・信号機） ・編集元（Python のスクリプトと、背景の部品の画像・書体。制作の参考用で、動かす環境の用意やサポートは付きません） ・README（案内）と LICENSE（ご利用の範囲） ■ アニメーション ・道路を、色とりどりの小さな車が列になって走り続けます ・街の拠点（白い台の上の丸と四角）のまわりのリングが、ふくらみながら光ったり消えたりし、下の小さなランプが点きます ・川の上に、白い小さな波がうっすらと浮かんでは消えます ・画面のふちの四角い道路の輪にも、車が回り続けます ・方眼紙・街区・建物・道路の形と、場面の窓（STARTING SOON など）は動きません ・12秒でひと回りし、つなぎ目で動きが止まったり跳んだりしない作りです（編集元の動きはすべて12秒の周期） ・12秒のループです ■ 仕様 ・動く画面は、横 1920×1080／縦 1080×1920・30fps・12秒のループ・音声なし・mp4（H.264） ・アラートは 1000×300・5秒（1回の再生）、場面の切り替えは2秒、動く信号の帯は 800×140・12秒の、透過の webm（VP9）です。動く信号の帯は、はじめと終わりが透明なので、［ループ (繰り返し)］をオンにするとつなぎ目で一度消えて出直します ・画面と枠の英字（STARTING SOON・JUST CHATTING・MY GAME・BE RIGHT BACK・THANK YOU など）は絵に焼き込んであり、変えられません ■ OBS での使い方 ・動く画面は、ソースの［メディア］で mp4 を読み込み、［ループ (繰り返し)］をオンにします ・場面ごとの透過の枠（frames の同じ名前の png）は［画像］で、動画の上に位置 0,0 のまま重ねます。ゲームやカメラの映像は、動画と枠のあいだに置きます ・書きかえられる表示は［ブラウザ］で［ローカルファイル］をオンにして html を選び、幅と高さは同じフォルダの sizes の数字にします。名前などの字は、同じフォルダの settings.js を書きかえて保存し、表示を読み込み直します。フォルダの並びは変えないでください（書体を2つ上の fonts フォルダから読みます） ・アラートは1回だけ再生する素材です。［ループ (繰り返し)］はオフにします ・場面の切り替えは［シーントランジション］で［スティンガー］を選び、webm を指定します。切り替える時点は 1000ms です ・色ちがいも使い方は同じです。［ブラウザ］の表示とコメント欄用のCSSは、03_colors の同じ色のフォルダの物を使うと、その色で出ます ・縦の画面は、OBS の［設定］→［映像］で［基本 (キャンバス) 解像度］を 1080x1920 にしてお使いください ・ゲームの映像を置く場所の目安：横は x57・y184・幅1296・高さ729、縦は x57・y284・幅966・高さ544（同梱の LAYOUT の数字で、ゲームの画面の透過の枠 game.png の透明な窓を測って合うことを確かめています） ■ ご購入前に ・画面と枠の英字（STREAM CITY / WAITING などの窓の見出し・CONNECT / PLAY / CHAT・STARTING SOON・JUST CHATTING・MY GAME・BE RIGHT BACK・THANK YOU・COLLAB / 02・GAME・AVATAR・CHAT など）は絵に焼き込んであり、変えられません ・待機・離席・終了の画面の窓の中の帯と、アラートの名前の所は、字を入れずに空けてあります。チャンネル名やお名前を出すときは、［ブラウザ］の表示（スタンダード以上）や、OBS の［テキスト (GDI+)］（Mac は［テキスト (FreeType 2)］）を重ねてください ・ゲームの画面の窓は濃い色、雑談・コラボの窓は淡い色で塗ってあります。映像やコメントを窓に合わせて重ねてください。透過の枠（スタンダード以上）を上に重ねると、窓の中に置いた映像の縁がそろいます ・［ブラウザ］の表示で変えられるのは、settings.js の名前・SNS・話題・ゲーム名・残り時間の秒数・アラートの見本の文・上下の帯の文です。時計は、配信するパソコンの時刻を表示します。残り時間は、表示を読み込んだ時から数えます（はじめは5分） ・アラートの見本 alert.html は、settings.js の文を枠に出すだけの表示です。アラート（webm・png と alert.html）は、フォローなどの出来事と自動ではつながりません。お使いのツールで表示を設定してください ・コメント欄用のCSSは、YouTube のコメント欄のポップアウトの URL を OBS の［ブラウザ］で開いて、［カスタム CSS］に中身を貼って使います。書体は CSS の中の場所から読むため、読み込み方によっては同梱の書体にならないことがあります。YouTube の実際のページに当てての表示は確かめていません ・場面の切り替えに字はありません。画面を覆う 0.8〜1.2秒のあいだに、次の場面へ切り替わります ・ベーシックとスタンダードの色は1つ（パステル）です。色ちがい2色（スカイ・サンセット）はコンプリートだけに入っています。色ちがいはパステルと同じ作りで色が違う版で、動きと字は同じです ・縦の画面では、配信先のコメント欄やボタンが上下に重なります ・商品ページの画像は見本です。画像や同梱の表示見本に出ているコメントの名前と発言は、見本として書いたもので、実際のコメントではありません ・人物・ゲームの映像・BGM は付いていません。音はありません ・アラート・場面の切り替え・動く信号の帯は、透過のため webm です（OBS での再生を想定しています）。webm は動画編集ソフトによっては読み込めないことがあります ・こちらで確かめたこと：すべての動画（色ちがいを含む）の形式・大きさ・30fps と、mp4 のコマ数、透過の webm が透過であること。透明な所の出かたと切り替えの覆う時間は、パステルの横・縦で測りました。［ブラウザ］の表示を一般のブラウザ（Chromium）で開いたときの書体と字の切れは、3色の横・縦とも確かめています。OBS での再生・スティンガーの実行・実際の配信は確かめていません ■ ご利用の範囲 ○ できること ・配信、動画、SNSでの使用（商用・非商用を問いません。収益化した配信、メンバーシップ向けの動画、案件・企業案件の動画も含みます） ・色や大きさの変更、トリミング、他の素材と組み合わせるなどの改変 ・企業や団体の配信での使用 ・クレジット表記は必要ありません × できないこと ・素材そのもの（改変したものを含む）の再配布・再販売（相手が特定か不特定か、有償か無償かを問いません） 　└ ただし、ご自身の配信・動画のために、編集者やデザイナーなど制作を手伝う方へ一時的にお渡しいただくのは差し支えありません。作業が終わったら、その方の手元に素材を残さないでください。 　└ ただし、ご依頼を受けて他の方の配信画面を制作される場合は、ご依頼者ご本人にお買い上げいただき、その方の手元でお使いください。設定やレイアウトのお手伝いは差し支えありません。素材ファイルや ZIP をお渡しになるのは、再配布に当たります。 ・素材を取り出して使える形で配る商品の制作・販売（素材集・テンプレート・素材同梱の商品など、素材そのものが主な価値になるもの） ・素材を印刷・加工したグッズ等の販売（ご自身の配信・活動で配るノベルティは差し支えありません） ・自分が制作したものとしての公開（自作発言） ・素材そのもの、または素材を主体としたデザインの商標登録・意匠登録 ・違法な内容、他者を誹謗中傷する内容での使用 くわしくは同梱の LICENSE.txt をご覧ください（5つのセットとも、できること・できないことは同じです。webm が入るセットだけ webm の注記が1項目多いため、版番号は 52b2752c／5df9f468 の2つに分かれます）。 ■ お問い合わせ この商品ページのメッセージからお気軽にどうぞ。