Sitemap

• Editor
• Getting Started
• JSApi
• News
• Showcase
• Tutorials
• Other Pages

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

• Wonderland Editor Now Available on Flathub
  Wonderland Editor is now available as a flatpak, deployed via Flathub for conveninent install accross Linux distros.
• Release 1.2.4
  Changelog for Wonderland Engine 1.2.4.
• 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.
• Dead Secret Circle Web
  Port of a Meta Quest Store VR game to WebXR.
• 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.
• Wonderland VR Website
  VR website with information layed out spatially.
• Archery Dungeon
  VR archery game, playable for free on heyVR.io.
• 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.
• Archery Evolution
  Sci-fi VR archery game, playable for free on heyVR.io.
• 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.

Tutorials

• 3D UI with React in Wonderland Engine
  Tutorial on getting started with the React UI library for Wonderland Engine.
• 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.

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