Create WebXR, VR and AR apps, using the Wonderland Engine
What you'll learn
- Learn to create WebXR, VR and AR apps, using the Wonderland Engine
- Learn how to test your apps in the Meta Quest browser
- Learn to use the physics engine, PhysX
- Learn how to code Wonderland custom components
- Learn to create an installable PWA
Requirements
- Beginner level JavaScript is assumed
Description
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
Instructor
After getting a degree in Graphic Design, I started work in 1980 as a cartoon animator. Buying a Sinclair ZX81 back in 1982 was the start of a migration to a full time programmer. The ZX81 was quickly swapped for the Sinclair Spectrum, a Z80 processor and a massive 48K of ram made this a much better computer to develop games. I developed a few games using Sinclair Basic and then Assembler. The Spectrum was swapped for a Commodore Amiga and I developed more games in the shareware market, moving to using C. At this stage it was essentially a hobby. Paid work was still animated commercials.
I finally bought a PC in the early nineties and completed an Open University degree in Maths and Computing. I created a sprite library ActiveX control and authored my first book, aimed at getting designers into programming. In the mid nineties along came Flash and the company I was now running, Catalyst Pictures, became known for creating games.
Since then the majority of my working life has been creating games, first in Flash and Director, as Director published the first widely available 3D library that would run in a browser using a plugin.
In recent years game development has involved using HTML5 and Canvas. Using both custom code and various libraries. A particular preference is to use the latest version of Adobe Flash, now called Animate that exports to the Javascript library Createjs.
I've worked for the BBC. Johnson and Johnson. Deloitte, Mars Corporation and many other blue chip clients. The company I've run for over 30 years has won a number of awards and been nominated for a BAFTA twice, the UK equivalent to the Oscar.
Over the last 20 years I have been struck by just how difficult it has been to get good developers and have decided to do something about this rather than just complain. I run a CodeClub for kids 9-13 years old and I'm developing a number of courses for Udemy hoping to inspire and educate new developers. Most of my courses involve real-time 3d either using the popular Open Source library Three.JS or Unity. I'm currently having a lot of fun developing WebXR games and playing with my Oculus Quest.