Once the underlying concept is proven we will make it pretty. That means no lighting, models, or sound effects. We just want to prove that our concept will work, so we will keep it simple. Īt first we won’t make the scene pretty at all. Before we get to fancy 3D models, however, we must begin with an empty HTML file that includes the A-Frame library. Our WebVR Whack-an-Imp game is a variation on Whack-A-Mole, except in our case it will be an imp flying out of a bubbling cauldron. There’s still time to enter before submissions close on April 2nd. I hope this blog will inspire you to submit to the current challenge we are running with SketchFab. Here’s a condensed video version of my tutorial that introduces the steps you’ll need to follow to build your WebVR game: Not just the basic interaction, but also adding and positioning 3d models, programmatically building a landscape with rocks, adding sounds and lighting to make the player feel immersed in the environment, and finally interaction tweaks for different form factors. Unlike my previous tutorials, in this one we will walk through creating the entire application. Today I’m going to show you how to build a simple but immersive game with A-Frame and models from the previous Sketchfab design challenge.

A low poly experience can feel very immersive through careful set design and lighting choices, without being realistic at all.

There’s more to creating a feeling of being there than polygon count. A high-end computer game with detailed models and a powerful GPU can feel realistic, but still not feel immersive. There is a big difference between immersion and realism. Note: This is Part 1 of a two-part tutorial.

Low-poly sketchfab models