# Space Editing Tool Tutorial

{% hint style="success" %}
There are three parts in this tutorial for you to edit the space step by step, which is as follows
{% endhint %}

## I Create a New Unity Project

1. Make sure your Unity version is 2021.2.9f1 and install the module WebGL Build Support in Unity.

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2FWJrwpetvBUBJxZ2yAAkI%2Fimage.png?alt=media&#x26;token=ac5e6c6b-3e05-479e-ad94-3d690c8e8a52" alt=""><figcaption></figcaption></figure>

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2FzjZo1ZRGxxP3jFDAAwyC%2Fimage.png?alt=media&#x26;token=f46b5392-ebbd-4e53-bed1-c7210218ea50" alt=""><figcaption></figcaption></figure>

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2F3Vnj9maY7pRb70lted78%2Fimage.png?alt=media&#x26;token=21691943-f207-4aaa-b997-a40c61880b72" alt=""><figcaption></figcaption></figure>

2\. Open Unity project. If you don’t have one, create a new one.

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2FPlF9Rp1cNtzK52cbl2rv%2Fimage.png?alt=media&#x26;token=f4b70a22-8d54-496a-9e97-651cc693e4cc" alt=""><figcaption></figcaption></figure>

3\. Click “Window” - ”Package manager” on the top of the page.

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2F5dBLTPnTT6uB8UT5zWia%2Fimage.png?alt=media&#x26;token=93020b3f-e788-4993-a388-7fbac7b0b39c" alt=""><figcaption></figcaption></figure>

4\. Click “+” on the left top of the popup, choose “Add package from git URL”, and enter the package link in the column:<https://github.com/SecondLive/SecondLiveMakerSDK.git>.

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2FQ60T7oUwTOI0zU5ICYM5%2Fimage.png?alt=media&#x26;token=df3cb1ee-92cc-477d-a65e-9da494859cba" alt=""><figcaption></figcaption></figure>

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2Fg8RVhPeGiOSqrDCgzbLQ%2Fimage.png?alt=media&#x26;token=71c3b23f-318c-466e-b1b2-d91ebbbceba0" alt=""><figcaption></figcaption></figure>

5\. Click “Yes” on the “Warning popup”.

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2FjH1V1rQa7wkWsFlKSZoX%2Fimage.png?alt=media&#x26;token=259fd527-3ecd-4359-a5cf-1c018244cb79" alt=""><figcaption></figcaption></figure>

6\. Unity will restart after the package is installed successfully.

7\. After Unity restarts, SecondLive could be found in the navigation bar at the top of the page.

8\. By right-clicking on the middle column of the page, you can also find SecondLive.

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2FDNRDCNHujXBFUjEB2MW7%2Fimage.png?alt=media&#x26;token=c761f7d7-268e-4183-8367-f0ed0f6ca1bd" alt=""><figcaption></figcaption></figure>

9\. Find “File” on the left top of the page and click “Build settings” on the left bottom of the popup. Then click “Player Settings”, choose “Linear” in the box of “Color Space\*” and close the popup.

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2FxDJEy2GFeHA1Ix1PUp8a%2Fimage.png?alt=media&#x26;token=296ceb27-42d6-4b73-b597-b94d34ee5048" alt=""><figcaption></figcaption></figure>

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2FeO2d6KTRc3MmmWB9jByG%2Fimage.png?alt=media&#x26;token=fde6ddd1-fb14-410f-aab8-4f2accb1f752" alt=""><figcaption></figcaption></figure>

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2FjDa78YX5azwaT8Js4Dis%2Fimage.png?alt=media&#x26;token=95676f92-00a6-4a10-a656-b4932828d0be" alt=""><figcaption></figcaption></figure>

10\. Click “Lighting” on the right top of the page, click “Environment” and choose “Color” in the “Source” box as well as “HDR” in the “Ambient Color” box in the “Environment Lighting” part, then select white color on the spectrum.

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2FaV8bYfMV47wPq0cRRcmC%2Fimage.png?alt=media&#x26;token=881f081e-20b3-46b8-859c-bc5482f8e6a5" alt=""><figcaption></figcaption></figure>

## II Steps to Edit Space

### **Step1: SecondLive - Space**

1. Right-click on the middle column of the page to find “SecondLive”, and click “Space” to create a Spawn Point.

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2FISopMJYrD5EXF1ufW8fj%2Fimage.png?alt=media&#x26;token=b5b35679-200d-4716-8dfa-3bdf3fe4739b" alt=""><figcaption></figcaption></figure>

2\. Click “+” under “Spawn Point” on the right column to create one more spawn point.

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2Fc986AACY9sGeK9fiOWYx%2Fimage.png?alt=media&#x26;token=1b0578a7-8352-49c7-8a0f-3cec06d764bc" alt=""><figcaption></figcaption></figure>

3\. Drag Spawn Point to adjust its location. Change corresponding data to adjust the activity range, which is the green part of the Spawn Point.

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2FHBJgmao1zXep1a8cPn96%2Fimage.png?alt=media&#x26;token=0498c1e2-4786-4b16-b312-040ea651dc12" alt=""><figcaption></figcaption></figure>

4\. After completing all adjustments of Spawn Point, run the project to simulate the scene. (p.s. colliders should be added to the models in the scene)

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2FfBRDdjTtR2ggXdDwmYga%2Fimage.png?alt=media&#x26;token=e0188d23-5bce-47dc-974c-b02dcecedb39" alt=""><figcaption></figcaption></figure>

### **Step2: SecondLive - Frame**

1. Right-click and find “SecondLive”. Click “Frame” to create an NFT frame.

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2FCVOIz5vwYQYSjUKOdXsc%2Fimage.png?alt=media&#x26;token=cd32d86c-c356-4a0d-8d45-d9bb772d16eb" alt=""><figcaption></figcaption></figure>

2\. The default size of the frame is 4m\*4m. But you can adjust its size as you like.

3\. Make sure that the frame is not shaded by the collider of a model in the Space.

### **Step3: SecondLive - AnimatorPedestal**

1. Choose a model in the Space for action. Here take the default action “Seat” as an example.
2. Right-click and choose “SecondLive” - ”AnimatorPedestal” to add the activity range for the action.

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2FzpgLMfdQTUqMjgcftyzL%2Fimage.png?alt=media&#x26;token=b6693906-8950-4026-83ae-46ac8a0389dd" alt=""><figcaption></figcaption></figure>

3\. Select “AnimatorPedestal” in the middle column on the page and click “enter-player-location” and “exit-player-location” to adjust their moving boundaries. Make sure to keep X axis pointing forward while adjusting.

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2F9hsrICjovujZNigshKX1%2Fimage.png?alt=media&#x26;token=a82f880e-63d1-488e-86fc-1c35d31cea8e" alt=""><figcaption></figcaption></figure>

4\. Tick “Seat” as the action in the right column of the page. If you need other action, add corresponding action standard files to Space Editing Tool.

<figure><img src="https://946772453-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNxlfiLjObdGlxsqsAWuW%2Fuploads%2F3oZMzCdVaQoNN3VDPoUb%2Fimage.png?alt=media&#x26;token=21b486e3-7a30-4fac-b6e2-5519366fbeed" alt=""><figcaption></figcaption></figure>

## III Technical Data

1. Texture size: maximum 2048\*2048
2. Total triangle amount: maximum 1 million in the scene
3. Custom component is not allowed in the scene.
