Sitemap
Editor
- Wonderland Editor Views
Detailed information on the views in Wonderland Editor. - Directory Structure
Wonderland Editor 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 - AR with 8thwall
From nothing to an AR 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 - 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
- Animation
Animation API reference - AnimationComponent
AnimationComponent API reference - CollisionComponent
CollisionComponent API reference - Component
Component API reference - Emitter
Emitter API reference - I18N
I18N API reference - InputComponent
InputComponent API reference - Interfaces
Interfaces API reference - LightComponent
LightComponent API reference - Material
Material API reference - math
math API reference - Mesh
Mesh API reference - MeshAttributeAccessor
MeshAttributeAccessor API reference - MeshComponent
MeshComponent API reference - Object3D
Object3D API reference - Physics
Physics API reference - PhysXComponent
PhysXComponent API reference - RayHit
RayHit API reference - RetainEmitter
RetainEmitter API reference - Scene
Scene API reference - Skin
Skin API reference - TextComponent
TextComponent API reference - Texture
Texture API reference - TextureManager
TextureManager API reference - ViewComponent
ViewComponent API reference - WL
WL API reference - WonderlandEngine
WonderlandEngine API reference - XR
XR API reference
News
- 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
- 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. - Console VR
See the browser console in VR, scripts and showcase by Elia Ducceschi. - Covidmon
Game for the Hololens 2 about collecting all mutations of COVID-19. - Physics Example
Simple demonstration of Physics via PhysX in Wonderland Engine. - Avoid the Dark
A VR game made with Wonderland Engine, published on heyVR.io. - 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. - Wastepaperbin AR
Small open source WebAR game made with Wonderland Engine. - Archery Dungeon
VR archery game, playable for free on heyVR.io. - Archery Training
A VR archery game developed with Wonderland Engine, playable for free on heyVR.io. - Wonderland VR Website
VR Website that demonstrates how information can be layed out spatially. - Zesty Demo
Demo of Zesty Market’s SDK for rentable NFT spaces in Wonderland Engine.
Tutorials
- 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 WL.Mesh as OBJ file
How to export WL.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. - Handling 3D Cursor Clicks
How to run JavaScript when an object is clicked with the 3D cursor (VR, AR & 3D). - 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. - Streaming .bin files at Runtime
Loading Wonderland Engine .bin files at runtime. - Changing Material Properties at Runtime
Changing material properties at runtime with JavaScript for interaction or animation. - Switching Scenes
How to switch scenes to load different levels or parts of a world. - Setup an NPM Project
How to set up an NPM project for your Wonderland Engine project. - How to build XR-only Components
How to make components only activate during XR sessions. - Create a Texture with Canvas2D
Painting your own textures at runtime with JavaScript Canvas. - Spawning Objects at Runtime
How to create objects in JavaScript.
Other Pages
- About Wonderland Engine
Wonderland Engine’s features, roadmap, license, and motivation. - Wonderland Engine Documentation
Documentation of the light-weight web focused graphics engine “Wonderland Engine”. - What is Wonderland Engine
Wonderland Engine enables you to easily build highly performant graphics applications for the web. - JavaScript Components
Overview of the JavaScript components shipped with the Wonderland Editor. - Native Components
Overview of the native components shipped with the Wonderland Editor. - WebXR Development
How to get started building XR (VR and AR) and spatial applications with web technology. - WebXR
WebXR enables XR (VR and AR) and spatial applications to be built with web technology. - 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 a Product
- Royalty
- Categories
- release
- api
- blog
- getting started
- fundamentals
- Sitemap
- Internal Analytics
- Wonderland Engine - VR Website
- Wonderland Engine Brand
- Logged in.
- Download Wonderland Engine 1.1.1
- components
- Your Account
- Password Reset
- Password Reset
- Reset Password
- Create your Wonderland Engine Account
- Signup
- Success
- Email Verification
- javascript
- Jobs
- Products
- Empowering. Fast. WebXR.
- Cookie Policy
- End User License Agreement
- Imprint
- Legal
- Privacy Policy
- Search
Find the information you are looking for. - Terms of Service