Create WebXR, VR and AR apps, using the Wonderland Engine

WebXR brings both VR and AR to the browser. The API has the massive forces of Google and Amazon behind it so it looks like immersive experiences, using only a browser, are going to make a huge impact in the near future. Meta are betting the company on its success. WebXR works great with Oculus headsets, including the Oculus Quest 2 and the Chrome Android browser is already supporting the API for both AR, Augmented Reality, and VR, Virtual Reality, experiences. But WebXR only harnesses the sensors on a mobile device and creates an agreed definition of how to use this data. To actually visualise 3D content you need an engine and in this course I show you how easy it is to create WebXR, VR and AR, apps using the Wonderland Engine.

To get the best from the course you will need to be comfortable with JavaScript coding. No other prerequisites are required.

The course is split into 6 sections.

• Introduction – you’ll be introduced to the Wonderland Editor, create a simple VR app and a simple AR app and learn how to test your apps on a headset

• VR Solutions – teaches you the key features of a VR app; using physics, navigating an environment, adding a UI, picking up items with a controller and using the controller as a weapon.

• Deployment – learn how to upload your app to a live web server and discover how easy it is with the Wonderland Editor to create a PWA, a Progressive Web App that can be installed on your Quest 2 headset

• Sourcing and editing assets – you’ll learn to source great models online and how to use Blender to prepare them for Wonderland.

• Reference shows you how to get information about Wonderland components and how to use the 3D Math library glMatrix.

• Conclusion – we review what you’ve learnt.

The only tools you’ll need other than the Wonderland Editor are a code editor, in the course I use VSCode, freely available online and Blender for editing 3D assets. The course includes comprehensive resources and code examples. Each code example comes with two versions, one for you to code along with and another that is complete in case you hit a problem.

It’s going to be fun.

You get a 30 day money back guarantee, so you’ve nothing to lose, discover Wonderland today.

What students say about the course

“I highly recommend this course on WebXR and Wonderland Engine to anyone looking to learn more about this exciting technology. The content is well-organized and easy to follow, making it accessible for both beginners and advanced users. The instructor provides clear and concise explanations, and the examples used throughout the course are both engaging and informative. Furthermore, the additional resources shared within the course are incredibly valuable and greatly enhance the learning experience. Overall, this is a fantastic course and I give it a 5-star rating.”

What students said about my Three.JS WebXR course

“This is by far the best guide to Three JS, nothing but fun and clearly explains the parts needed for a 3D app. Thanks Nik for taking the time on this! Can’t wait to see where this course takes me!”

“Thanks for creating the course” – Mr Doob, the creator of Three.JS

“We all Nik fans were waiting for this one when he previously announced it in the Facebook group. And he didn’t disappoint us.”

“Love it so far! The lessons are concise and to the point. The videos’ length seems quite optimized, meaning they are not terribly long yet are filled with just enough information about what’s going on. The supplied course project files constitute a valuable facilitation on the way through the course.”

“It starts with the basics and then progresses to advanced topics. I like the pace and the explanations. Great course!“

“Great course, love the well-chosen examples, just what I needed!“

“Excellent course, it took me by surprise how well documented and the high quality content from Nicholas , highly recommended. Cheers!”

Who this course is for:

• Beginner and Intermediate level developers wanting to learn an easy way to create WebXR apps