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 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