--- title: スペース slug: studio-guide-ja/KbARuV-juKfiDBeDkvZEb docTags: createdAt: 2024-09-02T08:34:13.133Z --- :::hint{type="info"} **📘 サンプル** [3DSpace\_sample.fbx](https://studio.zepeto.me/console/download/6548325b7a2b3f23cf7cd362) ::: :::hint{type="success"} **👍 **3DSpace\_sample.fbxには、zepeto\_3Dspace\_sampleオブジェクトとJnt\_zepeto\_3Dspaceジョイントが含まれています。zepeto\_3Dspace\_sampleオブジェクトは3Dスペースアイテムを作成する際のサイズのガイドを提供しますが、必ずしもその形で作成する必要はありません。 ::: ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-zgNdphv-bmoK-pfds7I8t-20240904-102330.png) ## 3Dスペースの作成と抽出 1. zepeto\_3Dspace\_sampleファイル内のオブジェクトを使用して、部屋タイプのアイテムを作成します。 - 3Dスペースアイテムはワールドにアクセスすると自動的に削除されます。したがって、他のカテゴリと比較してリソース制限が緩和されます。 - **最大ポリゴン数（Trisベース） - 50000、総テクスチャ容量 - 3mb**（ただし、単一のテクスチャサイズは2kを超えない） - 残りの基準は[the guidelines](docId\:iQY7PfvWCZjMUVE1t94kd)既存のカテゴリに適用されるガイドラインと同じです。 :::hint{type="danger"} **❗️ 注意**3Dスペースを作成する際にジョイントを含める必要はありません。ただし、ZEPETO Studioにアップロードする際には少なくとも1つのジョイントを含める必要があるため、すべての制作プロセスが完了した後、Jnt\_zepeto\_3DspにbindSkinしてください。 ::: ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-ssp8qgY9miYC88ksAR1-I-20240904-102330.png) 1. 抽出されたfbxをUnityプロジェクトにインポートし、マテリアルとテクスチャの作業を完了し、Prefabに変換します。 ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-mEwDoeVrD9ymHEe7P6QXs-20240904-102330.png) 1. 新しいUnityプロジェクトを実行すると、デフォルトの3Dスペースがすでに適用されていることがわかります。 - デフォルトの3Dスペースアイテムは、3DSpace\_sample.fbxに含まれているzepeto\_3Dspace\_sampleオブジェクトと同じメッシュです。 ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-h6CG5ar3Eaee78NLYjHkP-20240904-102330.png) 1. LOADERを選択すると、Room3DSpaceという新しいカテゴリが作成されていることがわかります。カテゴリをアクティブにして、変換されたPrefabを接続します。 ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-_1a1L-oP_LQ4fhoHxFPWs-20240904-102330.png) 1. アイテムを接続した後、GUIDE VIEWをクリックして、ガイドライン内に空きスペースがないことを確認します。 ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-_WQiPgs9eaX8AagOsEXJm-20240904-102330.png) :::hint{type="danger"} **❗️ 注意** 以下の画像に示すように、緑のガイドライン内に空きスペースがある場合、拒否の理由となります。 ::: ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-qbyhd73DXF6scje48mnY8-20240904-102330.png) 1. アイテムに問題がなければ、Prefabを右クリック -> ZEPETO Studio -> .zepetoとしてエクスポートし、.zepetoに変換してZEPETO Studioにアップロードします。 ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-igWg-ySs6umRFEaFx-kIe-20240904-102330.png) ## 3D Space HDRI 1. zepeto\_3Dspace\_sampleオブジェクトのサイズを参照して球体を作成します。 2. zepeto\_3Dspace\_sampleオブジェクトを削除します。 :::hint{type="danger"} **❗️ 注意** 可能であれば、キャラクターの足がある床のエリアをできるだけ平らにして、キャラクターと背景が別々に動かないようにしてください。 ::: ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-No1K9E2Ln9PkYL0BxlpFC-20240904-102330.png) 3\. メッシュを前後に反転させて、3Dスペースでキャラクターを確認します。（モデリングタブ - メッシュ表示 > 反転） ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-s9PrtAQunJIO5hre0_3rg-20240904-102330.png) :::hint{type="success"} **👍 **通常のシェーダーでは、メッシュの前面のみがレンダリングされ、背面は容量を最適化するためにレンダリングされません。（シェーピング > バックフェイスカリングはビューウィンドウでチェックする必要があります。） ::: ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-YcxLzDI2PvGC7KDebNpDY-20240904-102330.png) 4\. Jnt\_zepeto\_3DspaceジョイントにBindSkinをバインドし、fbxとして抽出します。 ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-xMjjuund8CoXltmmHZR1G-20240904-102330.png) 5\. 作成された3D空間は球体に基づいているため、球体の基本的なUVはそのままです。基本的なUVに合わせたテクスチャを作成します。 :::hint{type="danger"} **❗️ 注意** 透明な画像（インテリアや都市など）を歪んだ形に描くのは非常に難しく、実際にキャラクターが登場すると不自然になることがあります。そのため、球体や半球の形で3D空間アイテムを作成する場合は、自然や屋外の背景を素材として使用することをお勧めします。 ::: ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-PC51Fk8ctTaUj_GZ0wDnB-20240904-102331.png) - 球体を使用してテクスチャを作成する場合、床と天井を単色で塗るのが自然です。 - 左右の端を互いに接続する必要があります。そうしないと、テクスチャを適用したときにUVの継ぎ目が見えなくなります。 :::hint{type="danger"} **❗️ 注意** 添付されたテクスチャは公式アイテムで使用されているテクスチャであり、使用しないでください。 ::: ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-wkNyyaNg4FLKFs7uBEjlR-20240904-102331.png) 6\. Unityプロジェクトでマテリアルとテクスチャを適用したfbxをPrefabに変換した後、GUIDE VIEWに空白がないことを確認します。アイテムに問題がなければ、Prefabを右クリックして「ZEPETO Studio -> .zepetoとしてエクスポート」を選択し、.zepetoに変換してZEPETO Studioにアップロードします。 ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-_iRh47XcQhDn99GUBUJst-20240904-102331.png)