[VR Challenge #1] PlayVoxel - a voxel drawing tool

Posted on Feb 27, 2022

PlayVoxel is a voxel placing tool where you can be as creative as you would like!

Made using PlayCanvas and WebXR to be experienced on Oculus/Meta Quest 2. PlayVoxel is a voxel placing tool where you can be as creative as you would like! Features include the ability to change color of voxels placed using a custom UI, teleport around in the environment and undo placing of blocks. This was the runner-up entry into the VR Challenge #1 hosted by Steampunk Digital! Through this project, I sought to explore PlayCanvas as a platform for creating WebXR experiences. I also wanted to help people get started with VR in PlayCanvas by having a basic set of VR interactions like teleportation and snap turning to be used as a template. I cleaned up the code and published a guide on the PlayCanvas forums after the challenge. I also rewrote all the scripts using TypeScript to get a understanding of how using it could benefit my web development productivity.

Play the game on your Quest 2!. The itch.io page also contains the entire source code exported from the PlayCanvas project.


  1. Press and release right trigger to place blocks

  2. Hold right grip to change color, while pointed towards Color Picker (on left hand, big panel changes Hue and Saturation, slider changes Brightness)

  3. Right thumbstick forward to teleport to pointed location

  4. Right thumbstick sideways for snap turn in place

  5. B button for Undo last block

  6. Y button for Clear all blocks

See the entire project on PlayCanvas (opening in the online Editor requires a free account on PlayCanvas).

Technologies used: Oculus/Meta Quest 2, PlayCanvas, Javascript, TypeScript

Ayaskant Panigrahi

Hopelessly in love with clean code and unobtrusive design!

XR Developer & Researcher