---
title: スペース
slug: studio-guide-ja/smR5HUpXzsSVMWjBqfvZA
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-dUYhUmPwY-b2QwBQ4lki1-20240904-102324.png)



## 3Dスペースの作成と抽出

1. zepeto\_3Dspace\_sampleファイル内のオブジェクトを使用して、部屋タイプのアイテムを作成します。

- 3Dスペースアイテムはワールドにアクセスすると自動的に削除されます。したがって、他のカテゴリと比較してリソース制限が緩和されます。
- **ポリゴンの最大数（Trisベース） - 50000、テクスチャ容量合計 - 3MB**（ただし、単一のテクスチャサイズは2kを超えないこと）
- 残りの基準は既存のカテゴリに適用される[ガイドライン](https://docs.zepeto.me/studio-guide-ja/item-guidelines)と同じです。

:::hint{type="danger"}
**❗️ 注意**
3Dスペースを作成する際にジョイントを含める必要はありません。ただし、ZEPETO Studioにアップロードする際には少なくとも1つのジョイントを含める必要があるため、すべての制作プロセスが完了した後、Jnt\_zepeto\_3DspにbindSkinしてください。
:::

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-FKmLUwfBXuBdIu1mbAanZ-20240904-102324.png)



2\. 抽出されたfbxをUnityプロジェクトにインポートし、マテリアルとテクスチャの作業を完了し、Prefabに変換します。

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-_9L_vLQBIm-mXlzHjM-P8-20240904-102324.png)



3\. 新しいUnityプロジェクトを実行すると、デフォルトの3Dスペースがすでに適用されていることがわかります。

- デフォルトの3Dスペースアイテムは、3DSpace\_sample.fbxに含まれているzepeto\_3Dspace\_sampleオブジェクトと同じメッシュです。

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-ioWj-L52nTaO4MMLQk2mz-20240904-102324.png)



4\. LOADERを選択すると、Room3DSpaceという新しいカテゴリが作成されていることがわかります。カテゴリを有効にして、変換されたPrefabを接続します。

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-aRunMFhJ5ncrtIFSAokEU-20240904-102324.png)



5\. アイテムを接続した後、GUIDE VIEWをクリックして、ガイドライン内に空きスペースがないことを確認します。

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-K31gVS8t9b3siSzIqNrf0-20240904-102325.png)



:::hint{type="danger"}
**❗️ 注意**
以下の画像に示されているように、緑のガイドライン内に空きスペースがある場合、却下の理由となります。
:::

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-VIus2GapuJFDwNFiaIEGZ-20240904-102324.png)



6\. アイテムに問題がなければ、Prefab を右クリック -> ZEPETO Studio -> .zepeto としてエクスポートし、.zepeto に変換して ZEPETO Studio にアップロードします。

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-zeF66Vio-NMPNHCmGQtWj-20240904-102324.png)



## 3D Space HDRI

1. zepeto\_3Dspace\_sample オブジェクトのサイズを参照して、Sphere を作成します。
2. zepeto\_3Dspace\_sample オブジェクトを削除します。

:::hint{type="danger"}
**❗️ 注意**
可能であれば、キャラクターの足が接地する床のエリアをできるだけ平らにして、キャラクターと背景が別々に動かないようにしてください。
:::

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-lGNPwD2z0uabhk0Rr0H_a-20240904-102324.png)



3\. メッシュを前後に反転させて、3D スペースでキャラクターを表示します。（モデリングタブ - メッシュ表示 > 反転）

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-7tOZ8LN26kmhbS1bTLVXA-20240904-102324.png)



:::hint{type="success"}
**👍 **一般的なシェーダーでは、メッシュの前面のみがレンダリングされ、背面は容量を最適化するためにレンダリングされません。（ビューウィンドウで「背面カリング」をチェックする必要があります。）
:::

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-eXRlZvwESFh6aOlOXESJa-20240904-102325.png)



4\. Jnt\_zepeto\_3DspaceジョイントにBindSkinし、fbxとして抽出します。

5\. 作成された3DスペースはSphereに基づいているため、Sphereの基本UVはそのままです。基本UVに合わせたテクスチャを作成します。

:::hint{type="danger"}
**❗️ 注意**
インテリアや都市のような透明な画像を歪んだ形に描くのは非常に難しく、実際にキャラクターが登場すると不自然になることがあります。そのため、球体や半球体の形で3Dスペースアイテムを作成する場合は、自然や屋外の背景を素材として使用することをお勧めします。
:::

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-EKABrCSBBFMpbGcEV-XRy-20240904-102325.png)



- Sphereを使用してテクスチャを作成する場合、床と天井を単色で塗るのが自然です。
- 左右の端を互いに接続する必要があります。そうしないと、テクスチャを適用したときにUVの継ぎ目が見えてしまいます。

:::hint{type="danger"}
**❗️ 注意**
添付されたテクスチャは公式アイテムで使用されているテクスチャであり、使用してはいけません。
:::

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-anjM74ZnO-c0W8S2vMofm-20240904-102325.png)



6\. Unityプロジェクトでマテリアルとテクスチャを適用したfbxをPrefabに変換した後、GUIDE VIEWで空白がないことを確認します。アイテムに問題がなければ、Prefabを右クリックしてZEPETO Studio -> .zepetoとしてエクスポートを選択し、.zepetoに変換してZEPETO Studioにアップロードします。

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-x4nxvKYaXTDt2Y1__dL6A-20240904-102325.png)