Wonderland Engine Foundations - Learn Wonderland Engine

About Course

Welcome to the “Wonderland Engine Foundations” Course

Start building 3D & VR apps on the web today!

Ready to start your web 3D development journey? The Wonderland Engine Foundations course is here to guide you through creating amazing 3D and VR games that run directly in your web browser.
Created by the Wonderland Engine team, it is the most comprehensive way to learn the most powerful 3D engine for the web.

Course Overview

Master 3D web development from the ground up with the official Wonderland Engine Beginner Course. Whether you’re an aspiring game developer, technical artist, or interactive experience creator, this hands-on course walks you through every essential skill—from editor basics to advanced features like PBR materials, texture streaming, global illumination, scripting with TypeScript, and WebXR-ready deployment.

✅ Build your first interactive 3D project in minutes
✅ Navigate and customize scenes with precision
✅ Import models, materials, and animations from popular tools like Mixamo and Sketchfab
✅ Add interactivity using physics, video, audio, and clicks
✅ Learn modern web deployment with Wonderland Cloud
✅ Write your first custom components with real-time feedback

By the end, you’ll have the confidence and skills to publish high-performance 3D apps directly to the web—optimized for mobile, desktop, and VR.

Why Wonderland Engine?

Accessible on PC, Mobile & VR: Create VR and AR experiences that run on PC, mobile, and VR – no downloads, no installations – just plug and play!
Lightweight & Fast: Wonderland Engine is optimized for performance, so your games will run buttery smooth, even on lower-end devices.
Easy to Learn: Built around JavaScript, Wonderland Engine lets you use familiar tools and explore powerful features like physics, animations, and stunning visual effects.

Start your adventure now and see your ideas come alive in the browser with Wonderland Engine!

Join Wonderland Engine Foundations today and start building your dream games!

Course Content

1 – Installing Wonderland Engine [FREE]
Set up Wonderland Editor and other tools to get started with Wonderland Engine and web-based 3D development.

1.1 Windows

00:55
1.2 MacOS

01:42
1.3 Linux

01:06

2 – Your First Wonderland Engine Project [FREE]
Create a project, import a model, and run it in the browser.

3 – Editor Basics
Learn everything you need to know to be productive with Wonderland Editor. We show you how to navigate the 3D scene, manipulate objects and import and tweak models. We show you how to use shortcuts and where to find and configure them. Did you know you can copy & paste any value in the editor? We also show you the basics of managing your assets and configure your project setting.

3.1 Scene View Navigation

03:53
3.2 Manipulating Object Transform

04:41
3.3 Adding New Objects

04:24
3.4 Adding Components

01:51
3.5 Copy and Paste

02:21
3.6 Undo & Redo

00:38
3.7 Find & Change Shortcuts

00:50
3.8 Importing Assets

08:42
3.9 Materials

05:27
3.10 Changing Textures

03:04
3.11 PBR Rendering

03:04
3.12 Managing Resources

03:54
3.13 Project Settings Overview

02:54
3.14 Texture Atlas & Texture Streaming

07:30
3.15 Global Illumination Probe Volumes

04:22

4 – Deploy
Learn how to deploy your awesome project on the web and easily share it with the world through a simple link!

5 – Interaction & Media

6 – Basic Scripting

Survey – Your Opinion Matters!
Tell us what you thought about the Wonderland Engine Foundation Course — the good, the buggy, and the brilliant. It’ll take less than a minute and helps us make the next adventure even more epic!

About Course

Welcome to the “Wonderland Engine Foundations” Course

Course Overview

Why Wonderland Engine?

What Will You Learn?

Course Content

1 – Installing Wonderland Engine [FREE] Set up Wonderland Editor and other tools to get started with Wonderland Engine and web-based 3D development.

1.1 Windows

1.2 MacOS

1.3 Linux

2 – Your First Wonderland Engine Project [FREE] Create a project, import a model, and run it in the browser.

2.1 Your First Wonderland Engine Project

3.1 Scene View Navigation

3.2 Manipulating Object Transform

3.3 Adding New Objects

3.4 Adding Components

3.5 Copy and Paste

3.6 Undo & Redo

3.7 Find & Change Shortcuts

3.8 Importing Assets

3.9 Materials

3.10 Changing Textures

3.11 PBR Rendering

3.12 Managing Resources

3.13 Project Settings Overview

3.14 Texture Atlas & Texture Streaming

3.15 Global Illumination Probe Volumes

4 – Deploy Learn how to deploy your awesome project on the web and easily share it with the world through a simple link!

Deploy your project

5 – Interaction & Media

5.1 Runtime Video & Image

5.2 Audio

5.3 Reacting to Clicks

5.4 Using Animations

5.5 Introduction to Physics

6 – Basic Scripting

6.1 Your First Component

6.2 Property Types

6.3 Change Material Color

6.4 Cursor Clicks

6.5 Controlling Physics

6.6 Handling Physics Collision

Survey – Your Opinion Matters! Tell us what you thought about the Wonderland Engine Foundation Course — the good, the buggy, and the brilliant. It’ll take less than a minute and helps us make the next adventure even more epic!

🎯Your Opinion Powers Our Magic!

Student Ratings & Reviews

1 – Installing Wonderland Engine [FREE]
Set up Wonderland Editor and other tools to get started with Wonderland Engine and web-based 3D development.

2 – Your First Wonderland Engine Project [FREE]
Create a project, import a model, and run it in the browser.

4 – Deploy
Learn how to deploy your awesome project on the web and easily share it with the world through a simple link!

Survey – Your Opinion Matters!
Tell us what you thought about the Wonderland Engine Foundation Course — the good, the buggy, and the brilliant. It’ll take less than a minute and helps us make the next adventure even more epic!