If you have followed my series lately you know that I’ve been messing around with shaders, GLTF models, transforms, and other parts of modern 3D graphics; documenting them here as a series of intermediate level ThreeJS tutorials. As a way of testing my newly learned skills I created a little WebVR game for you called Monster Zoo.

Monster Zoo

This article is part of my ongoing series of medium difficulty ThreeJS tutorials. I’ve long wanted something in between the intro “How to draw a cube” and “Let’s fill the screen with shader madness” levels. So here it is.

Monster Zoo is a simple capture game. The cute monsters have escaped from the zoo and you must capture them with your spectral vacuum (I wanted to call them proton packs but that was already taken.

As with many of my creations I made heavy use of Creative Commons licensed assets. The game uses 3D models from Quaternius, music from Loyalty Freak Music, and sound effects from freesound.org.

While the game is simple the act of creating it helped me learn a lot. I got to dive deep into loading GLTF assets, particles, promises, and wrote a new animation library along the way. Over the next few blogs I’ll show you how I built the whole thing, and managed to double performance from 25 to 50fps on the Oculus Go. But for today, just go play the game and tell me what you think.

Play it now. VR Headset recommended.

Happy Halloween!