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
• MeshAttributeAccessor
  MeshAttributeAccessor 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.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
  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

• 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.
• Construct Arcade Hub
  Explore VR games on the VR Browser Games platform 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
  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 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 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.
• 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
  
• blog
  
• Sitemap
  
• getting started
  
• Internal Analytics
  
• Wonderland Engine - VR Website
  
• fundamentals
  
• Wonderland Engine Brand
  
• Logged in.
  
• Download Wonderland Engine 0.9.5
  
• components
  
• api
  
• js
  
• Your Account
  
• Password Reset
  
• Password Reset
  
• Reset Password
  
• Register for a Wonderland Engine Account
  
• Signup
  
• Success
  
• Email Verification
  
• javascript
  
• Jobs
  
• Products
  
• Made for WebXR.
  
• Cookie Policy
  
• End User License Agreement
  
• Imprint
  
• Legal
  
• Privacy Policy
  
• Search
  Find the information you are looking for.
• Terms of Service