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.
• Continuous Integration
  Automatically build and deploy 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.
• 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

• WL
  WL JavaScript API reference
• Scene
  Scene JavaScript API reference
• Component
  Component JavaScript API reference
• CollisionComponent
  CollisionComponent JavaScript API reference
• TextComponent
  TextComponent JavaScript API reference
• ViewComponent
  ViewComponent JavaScript API reference
• InputComponent
  InputComponent JavaScript API reference
• LightComponent
  LightComponent JavaScript API reference
• AnimationComponent
  AnimationComponent JavaScript API reference
• MeshComponent
  MeshComponent JavaScript API reference
• PhysXComponent
  PhysXComponent JavaScript API reference
• Physics
  Physics JavaScript API reference
• Mesh
  Mesh JavaScript API reference
• Material
  Material JavaScript API reference
• Texture
  Texture JavaScript API reference
• Animation
  Animation JavaScript API reference
• Object
  Object JavaScript API reference
• Skin
  Skin JavaScript API reference
• RayHit
  RayHit JavaScript API reference

News

• 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
  Trying to decide whether to build on WebXR or rather build a native app? Here are five reasons why you might choose WebXR.
• 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

• 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 Construct Arcade.
• Construct Arcade Hub
  Explore VR games on the VR Browser Games platform Construct Arcade.
• 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
  Simple example of how to play animations from a GLTF file on click interaction.
• Hand Tracking Example
  Simple example of how to set up hand tracking for the Oculus Quest / Oculus Quest 2
• Mesh Particles Example
  A basic implementation of particles as custom JavaScript component.
• 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 Construct Arcade.
• Archery Training
  A VR archery game developed with Wonderland Engine, playable for free on Construct Arcade.
• 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

• 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.
• Writing Components in Typescript
  How to set up Typescript for use in custom components.
• 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.
• 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
  
• Sitemap
  
• getting started
  
• Internal Analytics
  
• Wonderland Engine - VR Website
  
• fundamentals
  
• Wonderland Engine Brand
  
• End User License Agreement
  
• Logged in.
  
• Wonderland Engine 0.8.10
  
• components
  
• blog
  
• api
  
• js
  
• Cookie Policy
  
• Privacy Policy
  
• Terms of Service
  
• Your Account
  
• Password Reset
  
• Password Reset
  
• Reset Password
  
• Register for a Wonderland Engine Account
  
• Signup
  
• Success
  
• Email Verification
  
• javascript
  
• Jobs
  
• Wonderland Engine Checkout
  
• Products
  
• Made for WebXR.
  
• Search
  Find the information you are looking for.