【動く配信画面】コードが打ち込まれるエディタ風 STREAM.OS 待機・雑談・ゲーム・離席・終了|横・縦えらべる5セット
- ベーシック 横ダウンロード商品¥ 800
- ベーシック 縦ダウンロード商品¥ 800
- スタンダード 横ダウンロード商品¥ 1,280
- スタンダード 縦ダウンロード商品¥ 1,280
- コンプリートダウンロード商品¥ 1,980










黒い画面に、緑の線のウィンドウが並ぶエディタ風の動く配信画面です。エディタにはコードが1字ずつ打ち込まれ、コンソールにはログが流れ、メーターの棒とバーが動き続けます。 待機・雑談・ゲーム・離席・終了の5つの場面を、横(YouTube・Twitch など)と縦(縦の配信)の両方でご用意しました。スタンダード以上は、枠とタイトルをまとめた透過の1枚(5場面。雑談・ゲームは窓の中が透明)、背景だけの動く画面、コードやログなどの動く透過の部品5種(webm)、単体の映像の枠と字の無い名前帯つきです。コンプリートには、アンバー・シアンの色ちがい2色も入っています。 ■ 選べる5つのセット(買い切り) この商品ページ1つで、ご購入のときにバリエーションからお選びいただけます。コンプリート以外は、横と縦を分けてご用意しました。 ベーシック 横/縦 各800円:動く5画面(待機・雑談・ゲーム・離席・終了)と、それぞれの静止画。まず試したい方に スタンダード 横/縦 各1,280円:ベーシックに、タイトルも窓の枠も無い背景だけの動く画面・動く部品の無い静止の背景・枠とタイトルをまとめた透過の1枚(5場面)・映像と部品を置く場所の数字・動く透過の部品5種(webm と静止 png)・単体の映像の枠と名前帯・書体が付きます コンプリート 1,980円:横と縦のスタンダードの中身すべてに、色ちがい2色(アンバー・シアン)・編集元が付きます スタンダードの横と縦を別々にお買い求めいただくと2,560円です。 ■ セット内容 【ベーシック 横】12ファイル ・横 1920×1080 の動く画面 5本(待機・雑談・ゲーム・離席・終了):mp4 と静止画(jpg) ・README(案内)と LICENSE(ご利用の範囲) 【ベーシック 縦】12ファイル ・縦 1080×1920 の動く画面 5本(待機・雑談・ゲーム・離席・終了):mp4 と静止画(jpg) ・README(案内)と LICENSE(ご利用の範囲) 【スタンダード 横】44ファイル ・ベーシック 横の中身すべて ・タイトルも窓の枠も無い、背景だけの動く画面(mp4)と静止画(jpg) ・動く部品の無い静止の背景(CLEAN_BACKGROUND.png)と、部品を置く位置の数字(同じフォルダの LAYOUT のファイル) ・枠とタイトルをまとめた透過の1枚(FRAME_AND_TITLE・5場面。雑談・ゲームは窓の中が透明)と、映像を置く場所の数字(WINDOWS.json) ・動く透過の部品5種(コードの打ち込み・流れるログ・棒のメーター・バーと数字・走査線):透過の webm と、同じ物の静止 png ・単体の映像の枠3つ(ゲーム 16:9・カメラ 4:3・縦長のコメント)と、字の入っていない名前帯3つ(幅 3種):透過の png ・書体(DejaVu Sans Mono)とそのライセンス ・README(案内)と LICENSE(ご利用の範囲) 【スタンダード 縦】44ファイル ・ベーシック 縦の中身すべて ・タイトルも窓の枠も無い、背景だけの動く画面(mp4)と静止画(jpg) ・動く部品の無い静止の背景(CLEAN_BACKGROUND.png)と、部品を置く位置の数字(同じフォルダの LAYOUT のファイル) ・枠とタイトルをまとめた透過の1枚(FRAME_AND_TITLE・5場面。雑談・ゲームは窓の中が透明)と、映像を置く場所の数字(WINDOWS.json) ・動く透過の部品5種(横と同じ物):透過の webm と、同じ物の静止 png ・単体の映像の枠3つと名前帯3つ(横と同じ物):透過の png ・書体(DejaVu Sans Mono)とそのライセンス ・README(案内)と LICENSE(ご利用の範囲) 【コンプリート】218ファイル ・スタンダード 横とスタンダード 縦の中身すべて ・色ちがい2色(アンバー・シアン):上のすべてを色ごとに一式 ・編集元(動く部品の無い背景の元の画像・部品・色を変える LUT・Python のスクリプト)。編集元は制作の参考用で、動かす環境の用意やサポートは付きません ・README(案内)と LICENSE(ご利用の範囲) ■ アニメーション ・エディタに16行のコードが1字ずつ打ち込まれ、打っている所でカーソルが点滅します ・コンソールでは、[OK] で始まるログの行が下から上へ流れ続けます ・メーターの18本の棒が波のように上下し、CPU・GPU・RAM・NET のバーが伸び縮みし、SESSION の数字が増えていきます ・ごく薄い走査線が、上から下へゆっくり下ります ・ウィンドウの枠・見出し・左の一覧(横。縦は下の WORKSPACE の帯)・タイトルは動きません。メーターや数字は飾りの動きで、実際の音声や配信のデータとはつながっていません ・ループのつなぎ目で、打ち込まれたコードと SESSION の数字は最初に戻ります(そういう作りです) ・12秒のループです ■ 仕様 ・動く画面は、横 1920×1080/縦 1080×1920・60fps・12秒のループ・音声なし・mp4(H.264)。動画そのものに透過はありません ・動く部品は、外側が透明な webm(VP9・60fps・12秒のループ)と、同じ物の静止 png です ・枠とタイトルの1枚は透過の png でキャンバスと同じ大きさです。ゲームの窓は横・縦とも 16:9 です ・単体の枠の透明な窓は、ゲーム 1280×720・カメラ 640×480・コメント 400×700(どれも画像の左上から x20・y65)。名前帯は字の入っていない板(幅 400・600・800)で、名前は OBS の[テキスト (GDI+)]などで上に重ねます ・場面の mp4 は、雑談・ゲームの窓の中に背景のウィンドウが見える作りです(映像を重ねる前提の見本)。映像を置くと、窓の中は隠れます ・タイトルの英字(STREAM STARTING SOON・JUST CHATTING・LIVE GAME・BE RIGHT BACK・THANK YOU FOR WATCHING・[ TERMINAL / LIVE ])と窓の名前(GAME・CAMERA・CHAT)、背景の字(左上は横が STREAM.OS / TERMINAL SESSION 01、縦が STREAM.OS / VERTICAL SESSION。ほかにウィンドウの見出し・コードやログの英字)は焼き込んであり、変えられません ・書体は等幅の DejaVu Sans Mono です。色ちがいの画面でも、コードの字(横は左の一覧にも)には green(緑)の語がそのまま入っています ■ OBS での使い方 ・動く画面は、ソースの[メディア]で mp4 を読み込み、いちばん下に置いて[ループ (繰り返し)]をオンにします ・雑談・ゲームでカメラ・ゲームの映像・コメントを窓に入れるときは(スタンダード以上)、いちばん下に背景の動画(BACKGROUND_LOOP.mp4)、その上に映像、さらにその上に枠とタイトルの1枚(FRAME_AND_TITLE.png)を[画像]で、位置 0,0 のまま重ねます ・ベーシックでは、雑談・ゲームの mp4 の窓に、下の「映像を置く場所の目安」の数字で映像を重ねられます ・映像の位置と大きさは、同じフォルダの WINDOWS.json(スタンダード以上)の数字(x・y・幅・高さの順)に合わせます。縦横の比が違う映像は、切り抜いて合わせてください ・動く部品の webm は(スタンダード以上)、[メディア]で読み込み[ループ (繰り返し)]をオンにすると、透過のまま重ねられます。完成の mp4 には同じ部品が入っているので、mp4 の上に重ねると二重になります ・自分で並べ直すときは、動く部品の無い静止の背景(CLEAN_BACKGROUND.png)を[画像]でいちばん下に置き、その上に部品の webm を重ねます。LAYOUT のファイルの数字(position の x・y)に置くと、完成の画面と同じ位置になります。縦の走査線(SCAN)は、LAYOUT の crop のとおり上の 1040×900 だけを切り抜き(OBS の[フィルタ]→[クロップ/パッド])、position と additional_instances の2か所に置きます ・単体の枠は[画像]で、映像の上に重ねます ・色ちがいも使い方は同じです。それぞれの色のフォルダの物を使います ・縦の画面は、OBS の[設定]→[映像]で[基本 (キャンバス) 解像度]を 1080x1920 にしてお使いください ・映像を置く場所の目安(横):雑談は カメラの窓 x60・y270・幅1220・高さ690/コメントの窓 x1360・y270・幅490・高さ690、ゲームは ゲームの窓 x50・y255・幅1280・高さ720/カメラの窓 x1410・y660・幅450・高さ337/コメントの窓 x1410・y255・幅450・高さ315。縦は 雑談 カメラの窓 x60・y340・幅960・高さ850/コメントの窓 x60・y1350・幅960・高さ440、ゲーム ゲームの窓 x60・y330・幅960・高さ540/カメラの窓 x60・y1080・幅560・高さ420/コメントの窓 x690・y1080・幅330・高さ690(どれも窓の枠の内側にぴったり合うことを測って確かめています) ■ ご購入前に ・画面とタイトルの英字は絵に焼き込んであり、変えられません(コンプリートの編集元で作り直す場合を除きます。編集元は制作の参考用で、動かす環境の用意やサポートは付きません)。画面にチャンネル名は入っていません ・[ブラウザ]で使う名前・時計などの表示・アラート・場面の切り替え・コメント欄用の CSS は付いていません ・ウィンドウの枠・見出し・左の一覧(横。縦は下の WORKSPACE の帯)は1枚の静止画で、すべての飾りが別の部品に分かれているわけではありません。別に動かせるのは、動く部品5種(スタンダード以上)です ・待機・離席・終了ではタイトルの板が真ん中のウィンドウに重なり、雑談・ゲームでは映像の窓が重なるので、動きの一部が隠れます ・ベーシックとスタンダードの色は1つ(グリーン)です。色ちがい2色(アンバー・シアン)はコンプリートだけに入っています。色ちがいは色が違う版で、絵柄と動きは同じです ・縦の画面では、配信先のコメント欄やボタンが上下に重なります ・商品ページの画像は見本です ・人物・ゲームの映像・BGM は付いていません。音はありません ・こちらで確かめたこと:すべての動画と動く部品(色ちがいを含む)の形式・大きさ・60fps・音声なし(コマ数は mp4 のみ)、部品の webm に透過の印があること、窓の枠の透明な窓と WINDOWS.json の数字、LAYOUT の数字と部品の大きさ、単体の枠の窓の大きさ。OBS での再生・実際の配信は確かめていません ■ ご利用の範囲 ○ できること ・配信、動画、SNSでの使用(商用・非商用を問いません。収益化した配信、メンバーシップ向けの動画、案件・企業案件の動画も含みます) ・色や大きさの変更、トリミング、他の素材と組み合わせるなどの改変 ・企業や団体の配信での使用 ・クレジット表記は必要ありません × できないこと ・素材そのもの(改変したものを含む)の再配布・再販売(相手が特定か不特定か、有償か無償かを問いません) └ ただし、ご自身の配信・動画のために、編集者やデザイナーなど制作を手伝う方へ一時的にお渡しいただくのは差し支えありません。作業が終わったら、その方の手元に素材を残さないでください。 └ ただし、ご依頼を受けて他の方の配信画面を制作される場合は、ご依頼者ご本人にお買い上げいただき、その方の手元でお使いください。設定やレイアウトのお手伝いは差し支えありません。素材ファイルや ZIP をお渡しになるのは、再配布に当たります。 ・素材を取り出して使える形で配る商品の制作・販売(素材集・テンプレート・素材同梱の商品など、素材そのものが主な価値になるもの) ・素材を印刷・加工したグッズ等の販売(ご自身の配信・活動で配るノベルティは差し支えありません) ・自分が制作したものとしての公開(自作発言) ・素材そのもの、または素材を主体としたデザインの商標登録・意匠登録 ・違法な内容、他者を誹謗中傷する内容での使用 くわしくは同梱の LICENSE.txt をご覧ください(5つのセットとも、できること・できないことは同じです。webm が入るセットだけ webm の注記が1項目多いため、版番号は 52b2752c/5df9f468 の2つに分かれます)。 ■ お問い合わせ この商品ページのメッセージからお気軽にどうぞ。









