LogoLogo
VIVERSESupportBlogDiscord
  • Creator Tools
  • Polygon Streaming
  • Introduction to Creator Tools
  • Publishing with Your VIVERSE Account
  • Optimization
  • World Decoration
    • Edit Mode
    • Supported Media & Settings
    • Creating From Templates
      • Pet Rescue Template Project
  • PlayCanvas SDK
    • PlayCanvas Extension Setup
    • Publishing to VIVERSE
    • Scene Settings
    • No Code Tools
      • Sample Project
      • Quests
      • Trigger & Action
        • Event Listeners
        • Entity Enabling & Disabling
        • Entity Collision Enabling & Disabling
        • Entity Physics
        • Avatar Teleport & Checkpoint
        • Animation & Sound
        • Asset Management
      • Media
        • Polygon Streaming
        • Images
        • Video
        • Audio
      • Pick and Throw
      • Networked
      • Seat
      • GPU Mesh Instancing
    • Custom Code
      • Connecting No-Code Events to Custom Scripts
      • Introduction to MJS
      • Camera Management: Settings and Switching
    • Examples
      • Create Your First PlayCanvas Project
      • SHADEART | Custom Shader
      • WITHIN | A Generative Audiovisual Maze
      • First Person Shooter with Destruction
  • Unity SDK
    • Porting from Unity to PlayCanvas
Powered by GitBook
LogoLogo

Important Links

  • COOKIE POLICY
  • TERMS OF SERVICE
  • PRIVACY POLICY
  • VIVERSE PARTNERS

Socials

  • X / Twitter
  • LinkedIn
  • Instagram

© 2025 HTC CORPORATION

On this page

Was this helpful?

Edit on GitHub
Export as PDF
  1. PlayCanvas SDK
  2. Examples

Create Your First PlayCanvas Project

This document provides a guide for creating a project in PlayCanvas that can be published to VIVERSE

PreviousExamplesNextSHADEART | Custom Shader

Last updated 29 days ago

Was this helpful?


Please follow the provided designer guideline to meet performance and feasibility specifications. This guide will help ensure your scene is optimized for the VIVERSE platform.

Make sure to disable any camera/character control entity in the scene. As it might conflict with VIVERSE avatar system.

Create a game with floor and walls. Use your avatar to move the ball around.

1

Create a new PlayCanvas project

A. Delete the Camera.

2

Create the floor

A. Select the Plane entity and rename it Floor.

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

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

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

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

F. Click the Import Ammo button.

3

Create the material for the floor

A. Create a new folder and name it Materials.

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

C. Expand the Diffuse section and click the Color field.

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

E. Add the FloorMaterial to the Material slot on the Floor entity.

4

Creating the first wall

A. Select the Box entity and rename it to Wall1.

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

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

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

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

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

5

Create the material for the wall

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

B. Expand the Diffuse section and click the Color field.

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

D. Add the WallMaterial to the Material slot on the Wall1 entity.

6

Create the second wall

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

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

7

Create the third wall

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

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

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

8

Creating the fourth wall

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

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

9

Create the ball

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

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

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

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

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

F. Since the Ball will be moving, change the Type to Dynamic.

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

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

10

Create the material for the ball

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

B. Expand the Diffuse section and click the Color field.

C. For the Color, change the values to (244, 139, 139).

D. Add the BallMaterial to the Material slot on the Ball entity.

11

Create a spawn point

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

B. Add spawn-point to the Tags field.

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

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

12

Publish and test

A. Publish the project to VIVERSE and test the functionality of moving in the environment and pushing the ball.

here