How to build a WebVR game with A-Frame

Click for: original source

Adi Polak article about building a game with WebVR. WebVR is an open specification that makes it possible to experience VR in your browser. The goal is to make it easier for everyone to get into VR experiences, no matter what device you have.

This tutorial then describes what you need and how to set up:

  • Azure account
  • Visual Studio code (VScode) – VS code
  • VScode Azure storage extension
  • npm
  • Code for your project

The game is super simple. Tutorial guides you how to build a scene with spinning hearts, score, and a gesture of collecting hearts. For extra spice, this will be an infinite game, where for each heart collected, another heart will pop-up in a random location.

The game uses gltf model. glTF – GL Transmission Format – is a file format for 3D scenes and models using the JSON standard. It is described by its creators as the “JPEG of 3D.”

All code in repository and demo of the game is also provided. Super detailed!

[Read More]

Tags learning miscellaneous programming