8. 2D ワールドを作成する

build it unity plugin に新しい機能が追加されました！ 既存の build it unity plugin プロジェクトに 2d ワールド アドオンファイルを追加して使用できるようになりました！ 背景画像とポータルの接続だけで、簡単かつ迅速に自分だけのワールドを作成・公開できます。 適用方法 unity hub で build it plugin フォルダーを選択し、open ボタンをクリックします。 📘 note 初めての場合は、 docid\ hrhjgx5ozutd6weiaufpp を参照し、build it unity plugin をインストールして基本操作を学んでください。 build it plugin プロジェクトを開いたら、ダウンロードした 2d world unitypackage ファイルを assets フォルダーにドラッグ＆ドロップします。 import をクリックして、すべてのコンポーネントを読み込みます。 ステップ3を完了すると、assets > zepeto 2d world フォルダーが作成されます。 フォルダー内の 2dworldscene ファイルをダブルクリックして開きます。 上部でログインし、マルチプレイサーバーをオンにして play ボタンを押すと、2d ワールドをプレイできます。 2d ワールドの機能 build it plugin の コアモジュール機能 を利用できます。 ボイスチャット、ボイスチェンジ、クイックチャット、ジェスチャー、スクリーンショット／録画、ワードローブ、bgm 機能が使用可能です。 縦向き／横向きモードの切り替え に対応。 ローディング画面 を変更できます。 マップの背景 を変更できます。 複数のマップを追加し、 ポータル を接続してクリエイティブな空間を作成できます。 マップ数に制限はありませんが、zepeto studio に公開する際はビルドファイルサイズを 1gb 未満にし、最適化ガイドラインに従う必要があります。 bgm（背景音楽） を変更できます。 2d ワールド のため、3d オブジェクトの配置はスタイルに合わないため推奨されません。 背景とポータル接続のみで、簡単かつ迅速にワールドを作成することを目的としています。 2d ワールドを作成する 2dworldscene の基本構成 デフォルトでは、ローディング画面とポータルで接続された 2 つのマップを含むサンプルが用意されています。 作業をしやすくするために、 unity エディターの scene ビューで 2d メニューをクリックしてください。 ローディング画面 inspector で managers > loadingscreen オブジェクトを有効にすると、ローディング画面機能を使用できます。 使用したい画像を assets フォルダーにドラッグし、texture type を sprite (2d and ui) に変更して apply をクリックします。 managers > loadingscreen > image を選択します。 追加したローディング画像をドラッグして、image オブジェクトの sourceimage プロパティに設定します。 managers > loadingscreen > text(tmp) を選択します。 textmeshpro text(ui) フィールドにローディングテキストを入力します。テキストを表示したくない場合は空白にしてください。 managers > loadingscreen > delay after ready は、zepeto キャラクター生成後にローディング画面を表示し続ける秒数を示します。デフォルト値は 0 1 です。 キャラクターの移動速度を変更する managers キャラクターの移動速度を調整できます。 run speed キャラクターの走る速度を調整します。 walk speed キャラクターの歩く速度を調整します。 ジャンプ機能 は 2d ワールドでは使用できません。 マップを編集する マップの背景画像、ポータル、移動範囲、bgm、マップタイトルを変更できます。 背景画像を変更する hierarchy で zepeto2d bg オブジェクトを選択します。 sprite renderer 希望する画像をドラッグして背景を変更します。 rebuild borders2d 画像を変更した場合は 必ず このボタンをクリックしてください。画像サイズに基づいて boxcollider2d を自動的に生成し、移動範囲を定義します。 move ツールを使用して border2d top オブジェクトを画像の地面境界線に合わせて移動させます。 他の border は修正不要です。 マップサイズは元の画像サイズに基づいて作成されますが、transform の scale 値を変更して調整できます。 推奨画像サイズ 3400×1530px 横スクロール 2d 背景に適したサイズです。画像サイズが異なっても、ワールドの作成には問題ありません。 zepetosizeexample を使用してマップサイズをプレビューできます。公開前に必ず削除してください。 ポータルを接続する hierarchy で zepeto2d bg オブジェクトを選択します。 linked portal obj キャラクターがポータルの box collider 領域に入ると、ポータルが有効になり、ボタンを押すと接続先に移動します。このフィールドに目的のポータルをドラッグします。 prompt text ポータルボタンに表示されるテキスト。リンクされたポータルがない場合は表示されません。 show map title toast チェックを入れると、移動時にマップタイトルが表示されます。 map title 目的地マップのタイトルテキスト。 zepeto2d bg > create portal2d(child) から追加ポータルを作成できます。 bgm を変更する hierarchy で zepeto2d bg > bgm オブジェクトを選択します。 希望する音楽を bgm audio source にドラッグして変更します。 マップごとに異なる bgm を設定できます。 マップタイトル ui を編集する managers > uitoolbar > maptitletoast の rect transform の位置を変更してタイトル位置を調整します。 managers > uitoolbar > maptiltetoast>background で color を変更したり、カスタム画像を使用したりして、rect transform の値を調整して背景領域のサイズを変更します。 managers > uitoolbar > maptiltetoast>background>text(tmp) を選択し、font size と vertex color（テキスト色）を変更します。 マップを追加する 上部メニューの zepeto 2d > create bg をクリックして新しいマップを追加します。 新しく追加したマップでも、同じ手順で画像を変更しポータルを接続します。 2d ワールド作成のヒント 各マップの z 座標を 100 に固定し、レイアウト調整は x と y のみを変更することを推奨します。 scene 上でマップが重なると、他のマップのプレイヤーがマルチプレイで表示される可能性があります。そのため、下図のように マップ間に間隔 を空けてください。 ai 生成画像も使用可能です。 zepeto studio に公開する際は、ワールド説明に「ai 生成画像を使用」と明記してください。 💡 奥行きを感じる ai 画像を作成するためのプロンプト例 \[空間デザイン] コンセプトのシーン。 カメラ視点が自然に奥へ伸びる広く深い構図。 中央へ視線を導く消失点（パース）を強調。 床の反射光、大気の霞、光のビーム、影のコントラストで現実的な奥行きを表現。 立体的な照明とリアルな質感を組み合わせて空間の雰囲気を生き生きと描写。 シネマティックな構図、リアルな照明、細かい質感表現。 高解像度、深い遠近感、自然な被写界深度。 背景画像、ポータル接続、bgm だけで簡単に自分だけの空間を作成できます！