Sitemap
Editor
- Wonderland Editor Views
Detailed information on the views in Wonderland Editor. - Directory Structure
Wonderland Editor’s directory structure and recommendations for project directory structures. - Using Plugins
How to install and use plugins in Wonderland Editor. - Continuous Integration
Automatically build and deploy Wonderland Engine projects. - Source Control
Guides and best practices for using git and other source with Wonderland Engine Projects. - WonderlandEditor CLI
The Wonderland Editor command line interface.
Getting Started
- Install Wonderland Engine
Install Wonderland Engine on Windows, Linux or MacOS - Quick Start
From nothing to a 3D app running in the browser in minutes. - Quick Start - Microsoft Hololens
Build a basic AR app in minutes for the Hololens. - Quick Start - WebXR AR
From nothing to an AR app running in the browser on your smartphone in minutes. - Quick Start - Augmented Reality
From nothing to an AR app running in the browser in minutes. - Quick Start - AR with 8thwall
From nothing to an AR app running in the browser in minutes. - Quick Start - Virtual Reality
From nothing to a VR app running in the browser in minutes. - Quick Start - Mixed Reality
How to use Mixed Reality features of Meta Quest 2 or Meta Quest Pro. - Wonderland Engine for Unity Developers
Use your Unity experience to get up to speed with Wonderland Engine faster. - Custom JavaScript Components
How to write your own JavaScript components.
JSApi
- Font
Font API reference - Interfaces
Interfaces API reference - Material
Material API reference - Object3D
Object3D API reference - Scene
Scene API reference - TextComponent
TextComponent API reference - WL
WL API reference - WonderlandEngine
WonderlandEngine API reference - Animation
Animation API reference - AnimationComponent
AnimationComponent API reference - BitSet
BitSet API reference - BrokenComponent
BrokenComponent API reference - CollisionComponent
CollisionComponent API reference - Component
Component API reference - Emitter
Emitter API reference - GLTFExtensions
GLTFExtensions API reference - I18N
I18N API reference - InputComponent
InputComponent API reference - LightComponent
LightComponent API reference - Logger
Logger API reference - MaterialManager
MaterialManager API reference - math
math API reference - Mesh
Mesh API reference - MeshAttributeAccessor
MeshAttributeAccessor API reference - MeshComponent
MeshComponent API reference - MeshManager
MeshManager API reference - MorphTargets
MorphTargets API reference - Physics
Physics API reference - PhysXComponent
PhysXComponent API reference - Prefab
Prefab API reference - PrefabGLTF
PrefabGLTF API reference - RayHit
RayHit API reference - Resource
Resource API reference - ResourceManager
ResourceManager API reference - RetainEmitter
RetainEmitter API reference - SceneResource
SceneResource API reference - Skin
Skin API reference - Texture
Texture API reference - TextureManager
TextureManager API reference - ViewComponent
ViewComponent API reference - XR
XR API reference
News
- Release 1.2.3
Changelog for Wonderland Engine 1.2.3. - Release 1.2.2
Changelog for Wonderland Engine 1.2.2. - Release 1.2.1
Changelog for Wonderland Engine 1.2.1. - Prefab Instancing in 1.2.0
JavaScript API for prefab instantiation in Wonderland Engine. - Release 1.2.0
Changelog for Wonderland Engine 1.2.0. - WebGL Performance on Safari and Apple Vision Pro
Safari, especially on iOS, is considered the pinnacle of performance challenge for WebGL devs. With the launch of Apple Vision Pro, it is more relevant than ever. - Release 1.1.6
Changelog for Wonderland Engine 1.1.6. - Release 1.1.5
Changelog for Wonderland Engine 1.1.5. - Release 1.1.4
Changelog for Wonderland Engine 1.1.4. - Release 1.1.3
Changelog for Wonderland Engine 1.1.3. - Release 1.1.2
Changelog for Wonderland Engine 1.1.2. - Release 1.1.1
Changelog for Wonderland Engine 1.1.1. - Release 1.1.0
Changelog for Wonderland Engine 1.1.0. - How We Profile WebXR/WebGL Apps
Performance is crucial for WebXR apps. If you do not know why your app does not meet target frame rate, the first step is to profile. - Release 1.0.4
Changelog for Wonderland Engine 1.0.4. - Release 1.0.3
Changelog for Wonderland Engine 1.0.3. - Royalty-free up to 120,000 USD per year
Wonderland is announcing some changes to the EULA intended to relieve small developers from royalty. - Release 1.0.2
Changelog for Wonderland Engine 1.0.2. - Release 1.0.1
Changelog for Wonderland Engine 1.0.1. - Release 1.0.0
Changelog for Wonderland Engine 1.0.0. - Wonderland Engine 1.0.0 JavaScript Migration
New JavaScript architecture in Wonderland Engine and how to migrate. - Release 0.9.5
Changelog for Wonderland Engine 0.9.5. - Vertex Color Baked Lighting with Wonderland Engine
Lighting can be baked into vertex colors instead of textures. Here is how to use this for your next WebXR project in Wonderland Engine. - Release 0.9.4
Changelog for Wonderland Engine 0.9.4. - Release 0.9.3
Changelog for Wonderland Engine 0.9.3. - Release 0.9.2
Changelog for Wonderland Engine 0.9.2. - Release 0.9.1
Changelog for Wonderland Engine 0.9.1. - Release 0.9.0
Changelog for Wonderland Engine 0.9.0. - Release 0.8.10
Changelog for Wonderland Engine 0.8.10. - Release 0.8.9
Changelog for Wonderland Engine 0.8.9. - Release 0.8.8
Changelog for Wonderland Engine 0.8.8. - Release 0.8.7
Changelog for Wonderland Engine 0.8.7. - Release 0.8.6
Changelog for Wonderland Engine 0.8.6. - Release 0.8.5
Changelog for Wonderland Engine 0.8.5. - Release 0.8.4
Changelog for Wonderland Engine 0.8.4. - Release 0.8.3
Changelog for Wonderland Engine 0.8.3. Important bugfixes and workflow improvements, especially for Microsoft Hololens developers. - Release 0.8.2
Changelog for Wonderland Engine 0.8.2. - Release 0.8.1
Changelog for Wonderland Engine 0.8.1. Wonderland Engine is now free! - Wonderland Engine is now free
Wonderland Engine is now free to use. Find out how we believe this benefits you and the immersive web. - Release 0.8.0
Changelog for Wonderland Engine 0.8.0. - Release 0.7.6
Changelog for Wonderland Engine 0.7.6. - Release 0.7.5
Changelog for Wonderland Engine 0.7.5. - Release 0.7.4
Changelog for Wonderland Engine 0.7.4, furth fixes and workflow improvements for 0.7.x. - WebAssembly Threads
Wonderland Engine 0.7.3 was released with initial WebAssembly threads support. Learn about its impact on web graphics and WebXR in this blog post. - Release 0.7.3
Changelog for Wonderland Engine 0.7.3, fixes and convenience improvements for 0.7.x and WebAssembly threads support. - Release 0.7.2
Fixes and convenience improvements for 0.7.0 and 0.7.1. - Release 0.7.1
Hotfixes for the 0.7.0 release. - Release 0.7.0
Animation and Skinning import and many fixes. - Wonderland Engine Pricing Reveal
We revealed our license pricing. Find out why Wonderland Engine is priced the way it is and which license is best for you. - 5 Benefits of WebXR
Are you choosing between native or WebXR for your next XR app? Here are five reasons you might choose WebXR for. - Introduction to WebXR Development
Now that WebXR Device API is stable, you can start relying on it. But how do you get started? - Top 5 WebXR Frameworks - Comparison
Want to start WebXR development? Here is a comparison of the top 5 frameworks to get you started.
Showcase
- HDRI Example
Example showing off image-based lighting. - Material Physical Example
Example showing off the physical material and its properties. - Morph Targets Example
Example showing off morph targets / blend shapes. - Post-Processing Example
Example showing off bloom and tone mapping. - Bricks AR
Showcase of advanced WebAR rendering on Variant Launch based SLAM tracking. - Wonderbricks
Relaxing brick-building game for Virtual- and Mixed Reality. - The Escape Artist
VR Puzzle game with incredibly rich narrative and polished UX. - Dead Secret Circle Web
- Localization Example
Example of how to translate an app to many languages. - Mouse Defense
Open-source WebXR game, on heyVR.io. - Dust Particles
Example of how to create a dust mote effect. - Mixed Reality Example
Passthrough rendering, plane detection and anchors. - Matcap Shader Example
Simple implementation of a matcap shader. - Boulderworld
VR climbing game, playable for free on heyVR.io. - Custom Shader Example
Example of a custom shader for fake reflections. - Sponza
A classic in graphics programming. - Normal Maps Example
Example showing off Normal Map support. - Height Map Example
Demonstrates runtime mesh generation through the JavaScript API. - Skinned Hand Example
Simple example of hand tracking with a skinned hand mesh for the Oculus Quest 1 / 2. - Physics Example
Simple demonstration of Physics via PhysX in Wonderland Engine. - Scene Optimization Example
Example of automatic optimization of a draw-call heavy scene. - Video Example
Simple demo of a video texture. - Collision Example
Simple example of how to query collider overlaps. - Animation Example
Example of how to play animations from a GLTF file on click interaction. - Hand Tracking Example
Simple example of hand tracking for the Meta Quest. - Mesh Particles Example
Basic implementation of mesh particles in JavaScript. - Skinning Example
Simple example of skinning in Wonderland Engine. - Smoke Particles Example
Example of how to set up a basic smoke particle effect. - Teleport Example
Implementation of a teleport mechanic. - Text Example
Simple example of how to set up text rendering. - Archery Dungeon
VR archery game, playable for free on heyVR.io. - Archery Evolution
Sci-fi VR archery game, playable for free on heyVR.io. - Dead Secret Circle Web
Port of a Meta Quest Store VR game to WebXR. - Wonderland VR Website
VR website with information layed out spatially.
Tutorials
- Handling 3D Cursor Clicks
How to run JavaScript when an object is clicked with the 3D cursor (VR, AR & 3D). - How to build XR-only Components
How to make components only activate during XR sessions. - Streaming .bin files at Runtime
Loading Wonderland Engine .bin files at runtime. - Switching Scenes
How to switch scenes to load different levels or parts of a world. - Writing Components in Typescript
How to set up Typescript for use in custom components. - Writing JavaScript Libraries
Tutorial on creating your own JavaScript libraries for Wonderland Engine. - Exporting Wonderland Engine Mesh as OBJ file
How to export Wonderland Engine Mesh as OBJ for debugging runtime generated meshes. - Rendering Simplified Chinese Characters
How to set up text rendering for Simplified Chinese fonts. - Background Effect
How to render sky, background images, and gradients. - Exporting Models from Blender
Exporting GLB files from Blender for import in the Wonderland Editor. - Introduction to Texture Atlasses
How to use texture atlasses, when and how to increase or decrease their sizes. - Loading GLTF/GLB at Runtime
How to load GLTF or GLB files at runtime from URLs. - Changing Material Properties at Runtime
Changing material properties at runtime with JavaScript for interaction or animation. - Setup an NPM Project
How to set up an NPM project for your Wonderland Engine project. - Create a Texture with Canvas2D
Painting your own textures at runtime with JavaScript Canvas. - Spawning Objects at Runtime
How to create objects in JavaScript. - 3D UI with React in Wonderland Engine
Tutorial on getting started with the React UI library for Wonderland Engine.
Other Pages
- Overview
Wonderland Engine’s features, roadmap, license, and motivation. - Wonderland Engine
Wonderland Engine’s features, roadmap, license, and motivation. - JavaScript Components
Overview of the JavaScript components shipped with the Wonderland Editor. - Native Components
Overview of the native components shipped with the Wonderland Editor. - WebGL Performance
Are you experiencing bad WebGL Performance? How to profile and optimize WebGL to achieve excellent performance on mobile, desktop and WebXR. - WebXR Development
How to get started building XR (VR and AR) and spatial applications with web technology. - WebXR
WebXR enables building XR (VR and AR) and spatial applications with web technology. This unlocks a few key advantages. - Wonderland Engine Features
Efficient runtime, visual editor and flexible JavaScript API. - Component Registry
- Wonderland Engine's Optimizations
A list of Wonderland Engine’s optimizations. - Wonderland Editor
The Wonderland Editor Application makes assembling 3D scenes accessible and handles optimizations for you. - Roadmap
Wonderland Engine’s next steps. - Release and Deploy
- Royalty
- Live **Courses**.
Learn 3D web development with our expert-led live online courses in small groups. - Wonderland **Cloud**.
Multi-user servers for VR, AR and 3D on the web. - Contact Wonderland
- Contact
- Our License **Pricing.**
Wonderland Engine’s pricing and enterprise options. - Download **Wonderland Engine**
- Sitemap
- Internal Analytics
- Wonderland Engine - VR Website
- Wonderland Engine Brand
- Logged in.
- Your Account
- Password Reset
- Password Reset
- Reset Password
- Create your Wonderland Engine Account
- Signup
- Success
- Email Verification
- Jobs
- Empowering. Fast. WebXR.
- **Wonderland Engine** Documentation
Documentation of the light-weight web focused graphics engine “Wonderland Engine”. - Cookie Policy
- End User License Agreement
- Imprint
- Legal
- Privacy Policy
- Terms of Service