[WIP] Starting with PlayCanvas Toolkit

Get the latest Extension from VIVERSE

• Download the latest version of Playcanvas Extension

• Unzip download file to some folder on your computer

Navigate to Chrome Extensions manager

• Click Extensions icon in Chrome toolbar and open the Extensions Popup

• Click Manage Extensions at the bottom and open the Extensions Manager tab

Install the Extension

• Enable Developer Mode at the top right corner

• Click Load Unpacked and select the folder with unpacked Extension

• Verify the Extension is now present in Extensions Manager tab

Initialize new project

• Create a new PlayCanvas project

• Login into VIVERSE via Extension

• Delete default Camera in Scene Hierarchy

Create the Floor entity

• Select the Plane entity and rename it Floor

• To increase the size of the Floor, change the Scale to (20, 1, 20)

• To allow the players to collide with the Floor, add a Collision component

• To increase the size of the Collision component so that it covers the entire Floor, change Half Extents to (10, .1, 10)

• To prevent the players from falling through the Floor, add a Rigidbody component

• Click the Import Ammo button

Assign Floor material

• Create a new folder and name it Materials

• Inside the Materials folder, create a new material and name it FloorMaterial

• Expand the Diffuse section and click the Color field

• For the Color, change the values to (97, 255, 104)

• Add the FloorMaterial to the Material slot on the Floor entity

Create the Wall entity

• Select the Box entity and rename it to Wall1

• To move the wall to the side, change the Position to (0, 0, 10)

• To increase the size of the wall, change Scale to (20, 5, .1)

• To allow the players to collide with the wall, add a Collision component

• To increase the size of the Collision component so that it covers the entire wall, change Half Extents to (10, 2.5, .1)

• To prevent the players from going through the wall, add a Rigidbody component.

Assign Wall material

• Inside the Materials folder, create a new material and name it WallMaterial

• Expand the Diffuse section and click the Color field

• For the Color, change the values to (108, 240, 246)

• Add the WallMaterial to the Material slot on the Wall1 entity

Create remaining walls

• Select Wall1 and click CTRL + D to duplicate the wall. Rename the wall to Wall2

• Move the wall to the opposite side by changing Position to (0, 0, -10)

• Select Wall2 and click CTRL + D to duplicate the wall. Rename the wall to Wall3

• To place the wall in the correct space, change the Position to (-10, 0, 0)

• To have the wall face the correct direction, change the Rotation to (0, 90, 0)

• Select Wall3 and click CTRL + D to duplicate the wall. Rename the wall to Wall4

• Move the wall to the opposite side by changing Position to (10, 0, 0)

• Assign WallMaterial to newly created walls

Create Ball entity

• Add a 3D Sphere to the scene. Rename it to Ball

• Raise the Ball above the ground by changing Position to (0, 1, 0)

• To allow the players to collide with the Ball, add a Collision component

• To change the collider shape to be the same shape as the Ball, change Type to Sphere

• To prevent players from passing through the Ball, add a Rigidbody component

• Since the Ball will be moving, change the Type to Dynamic

• Decrease the Friction to .1 so that the Ball doesn't lose as much velocity when coming in contact with other entities

• Increase the Restitution to 1 to maximize the bounciness of the Ball.

Assign Ball material

• Inside the Materials folder, create a new material and name it BallMaterial

• Expand the Diffuse section and click the Color field

• For the Color, change the values to (244, 139, 139)

• Add the BallMaterial to the Material slot on the Ball entity

Create a Spawn Point

• Add a new Entity to the scene. Rename the entity to SpawnPoint

• Add spawn-point to the Tags field

• To have the spawn point above the ground and close to the wall, change the Position to (0, 1, 8)

• To change the direction of the SpawnPoint so that the player will face the ball when spawned in, change Rotation to (0, 180, 0)

Ready for publishing

• Now you're ready to publish your project to the VIVERSE!

Open PlayCanvas Publish Menu

• Click the Publish / Download to open up the Builds window

Upload your project to the VIVERSE

• In the Builds window, select the Builds & Publish tab on the left and click the Publish to Viverse Create button to upload the project. This may take a few minutes and a progress bar will show the upload status

Preview your project live

• After the project has been successfully published, click the Preview button to view the project

• Use the preview URL to verify the scene on VIVERSE Create. If necessary, return to the PlayCanvas Editor to make changes then re-publish the project

Create a new World

• After confirming everything is set in your preview URL, click the "Create World" button

• Give the World a name and click the "Create" button to publish it to the VIVERSE Create platform

• The resulting URL is the public link to the World. Your World can also be accessed by clicking the "Go to World" button

You're all set!

• The World should be viewable and the avatar can be used to interact with the world