# Wonderland Engine Wonderland Engine is a game engine for creating 3D, VR, and AR applications that run in a web browser. It compiles the core engine to WebAssembly and uses a custom renderer based on WebGL and WebGPU. It is optimized for WebXR and mobile GPUs, with specific attention to iOS browser performance. Wonderland Engine applies automatic performance optimizations, including dynamic batching to reduce draw calls, sparse virtual texturing to enable high-resolution textures in memory-constrained environments and to work around WebGL texture size limits, and automatic texture compression to Basis Universal format. Wonderland Engine features a custom binary scene format that can be streamed without parsing text or JSON (unlike glTF/GLB), providing faster load times and an additional layer of obfuscation. The TypeScript API is designed to produce zero JavaScript garbage. The engine integrates NVIDIA PhysX for physics simulation. It supports importing glTF/GLB, FBX, OBJ, and other industry-standard 3D formats. Slug text rendering is included, providing game-industry standard analytical text rendering, as used by studios such as Blizzard and Ubisoft. The native editor (macOS, Windows, Linux) provides a scene graph, visual editing tools, and scripting in JavaScript and TypeScript. It can run offline and includes built-in hot reloading with iterative packaging, allowing large projects to package in under one second and reload on connected devices. Wonderland Engine is extremely careful about API backward compatibility, following semantic versioning to minimize breaking changes. Applications built with Wonderland Engine have a core package size of under one megabyte (gzipped) and are deployed by hosting the generated HTML, JavaScript, and binary files on a web server. They can be accessed directly in compatible browsers without installation. Wonderland Engine is free to use for projects earning up to USD 120,000 per year. After that threshold, a 10% revenue share applies, or enterprise per-seat licenses are available that allow white-label distribution. Wonderland Engine has been used for large-scale WebXR applications such as Escape Artists, Archery Evolution, and HoverFit, high-end automotive configurators, and VR/metaverse training applications that also run on tablets and desktops. ## Showcase - [Dead Secret Circle Web](https://wonderlandengine.com/showcase/dead-secret-circle-web/): Port of a Meta Quest Store VR game to WebXR. - [The Escape Artist](https://wonderlandengine.com/showcase/escape-artist/): VR Puzzle game with incredibly rich narrative and polished UX. - [Archery Evolution](https://wonderlandengine.com/showcase/archery-evolution/): Sci-fi VR archery game, playable for free on heyVR.io. - [Archery Dungeon](https://wonderlandengine.com/showcase/archery-dungeon/): VR archery game, playable for free on heyVR.io. - [Meshlets](https://wonderlandengine.com/showcase/meshlets/): Meshlet emulation for rendering millions of polygons efficiently, even on mobile. - [SSAO / GTAO](https://wonderlandengine.com/showcase/ssao/): Screen space ambient occlusion (GTAO) post-processing effect. - [Rise of the Blobs](https://wonderlandengine.com/showcase/rise-of-the-blobs/): Full web game released on CrazyGames. - [Global Illumination](https://wonderlandengine.com/showcase/global-illumination/): Baked sparse global illumination probe volumes. - [Reverse Z](https://wonderlandengine.com/showcase/reverse-z/): Reverse-Z for galaxy scale rendering. - [Vintage Study Room](https://wonderlandengine.com/showcase/vintage-study-room/): Personal WebXR study by Ayushman Johir with baked lighting. - [HDRI Rendering](https://wonderlandengine.com/showcase/hdri/): Example showing off image-based lighting. - [Physical Materials](https://wonderlandengine.com/showcase/material-physical/): Example showing off the physical material and its properties. - [Morph Targets Example](https://wonderlandengine.com/showcase/morphtargets/): Example showing off morph targets / blend shapes. - [Post-Processing Example](https://wonderlandengine.com/showcase/postprocessing/): Example showing off bloom and tone mapping. - [Bricks AR](https://wonderlandengine.com/showcase/bricks-ar/): Showcase of advanced WebAR rendering on Variant Launch based SLAM tracking. - [Wonderbricks](https://wonderlandengine.com/showcase/wonderbricks/): Relaxing brick-building game for Virtual- and Mixed Reality. - [Localization Example](https://wonderlandengine.com/showcase/localization/): Example of how to translate an app to many languages. - [Dust Particles](https://wonderlandengine.com/showcase/dust-particles/): Example of how to create a dust mote effect. - [Mixed Reality Example](https://wonderlandengine.com/showcase/mixed-reality/): Passthrough rendering, plane detection and anchors. - [Matcap Shader Example](https://wonderlandengine.com/showcase/matcap-shader/): Custom matcap shader implementation. - [Boulderworld](https://wonderlandengine.com/showcase/boulderworld/): VR climbing game, playable for free on heyVR.io. - [Custom Shader](https://wonderlandengine.com/showcase/custom-shader/): Example of a custom shader for fake reflections. - [Normal Maps Example](https://wonderlandengine.com/showcase/normal-maps/): Example showing off Normal Map support. - [Hand Tracking with Mesh](https://wonderlandengine.com/showcase/hand-tracking-mesh/): Simple example of hand tracking with a skinned hand mesh for the Oculus Quest 1 / 2. - [Dynamic Height Map](https://wonderlandengine.com/showcase/height-map/): Shows runtime mesh generation using the JavaScript API. - [Physics Example](https://wonderlandengine.com/showcase/physics/): Simple demonstration of Physics via PhysX in Wonderland Engine. - [Scene Optimization Example](https://wonderlandengine.com/showcase/scene-optimization/): Example of automatic optimization of a draw-call heavy scene. - [Video Texture](https://wonderlandengine.com/showcase/video/): Simple demo of a video texture in 3D space. - [Collision Example](https://wonderlandengine.com/showcase/collision/): Simple example of how to query collider overlaps. - [Animation Example](https://wonderlandengine.com/showcase/animation/): Example of how to play animations from a GLTF file on click interaction. - [Hand Tracking](https://wonderlandengine.com/showcase/hand-tracking/): Simple example of hand tracking for the Meta Quest. - [Mesh Particles Example](https://wonderlandengine.com/showcase/mesh-particles/): Mesh particles in JavaScript showing off many dynamic objects. - [Skinned Animation](https://wonderlandengine.com/showcase/skinning/): Simple example of skinned animations in Wonderland Engine. - [Smoke Particles Example](https://wonderlandengine.com/showcase/smoke-particles/): Example of how to set up a basic smoke particle effect. - [Teleport Example](https://wonderlandengine.com/showcase/teleport/): Implementation of a teleport mechanic. - [Text Rendering](https://wonderlandengine.com/showcase/text/): Example showing off our text rendering which uses the Slug library. - [Smoke Alarm XR Training](https://wonderlandengine.com/showcase/smoke-alarm-xr-training/): A PoC transforming XpertVR's Unity VR training into an instant, cross-platform web experience. - [Morgan Motors Plus Four Configurator](https://wonderlandengine.com/showcase/morgan-motors/): High-end client rendered 3D vehicle configurator. - [Mouse Defense](https://wonderlandengine.com/showcase/mouse-defense/): Open-source WebXR game, on heyVR.io. - [Showcase and Examples](https://wonderlandengine.com/showcase/): Wonderland Engine showcase and examples. ## News - [Newsletter - Issue 2/16/2026](https://wonderlandengine.com/news/newsletter-2026-2/): Zappar x Wonderland Engine WebAR webinar, Wonderbricks open source release, and standout community projects in our latest Wonderland newsletter. - [Newsletter - Issue 1/21/2026](https://wonderlandengine.com/news/newsletter-2026-1/): Modern OPUS audio encoding for faster downloads, new interaction library, plus last call to join the 2025 Wonderland Engine community showreel. - [Newsletter - Issue 12/18/2025](https://wonderlandengine.com/news/newsletter-2025-12/): Morgan Motor Case Study: Zero streaming fees and 100+ leads/month. Plus: Wonderland Engine 1.5.0 with WebGPU and Particles. - [Case Study: Morgan Motor Company & Apache](https://wonderlandengine.com/news/morgan-motor-case-study/): How Morgan Motors unlocked 50% mobile traffic with a high-quality 3D configurator powered by Wonderland Engine. Zero pixel streaming costs. - [Newsletter - Issue 11/21/2025](https://wonderlandengine.com/news/newsletter-2025-11-21/): A look at our new integration for publishing directly to VIVERSE. Plus: the first web-based mixed reality 3D painting assistant. - [Newsletter - Issue 10/10/2025](https://wonderlandengine.com/news/newsletter-2025-10/): Wonderland Engine 1.3.1 is here with improved templates, a procedural sky shader, drop shadow text, and scene outline filters. Meet the White Rabbit—our new Discord AI support assistant—and check out launches and related news from the community. - [Release 0.8.10](https://wonderlandengine.com/news/release-0.8.10/): Changelog for Wonderland Engine 0.8.10. - [5 Benefits of WebXR](https://wonderlandengine.com/news/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. - [Build a Discord Activity with Wonderland Engine](https://wonderlandengine.com/news/discord-activity-example/): This step-by-step guide taskes you from setting up a Discord Activity for your 3D game all the way to deploying it and seeing it inside Discord. Dive right in! - [Royalty-free up to 120,000 USD per year](https://wonderlandengine.com/news/free-for-small-commercial-use/): Wonderland is announcing some changes to the EULA intended to relieve small developers from royalty. - [HoverFit: Gamifying Fitness in WebXR - **Part 1: Technology** ](https://wonderlandengine.com/news/hoverfit-gamifying-fitness-in-webxr/): Discover how The Fitness Resort leveraged Wonderland Engine to create HoverFit, overcoming Unity's web performance limitations. - [HoverFit: Gamifying Fitness in WebXR - **Part 2: Business** ](https://wonderlandengine.com/news/hoverfit-gamifying-fitness-in-webxr-part-2-business/): This article details the monetization strategy for the WebXR fitness app HoverFit, addressing the unique challenges of the web, and outlining a three-step plan to turn user engagement into revenue. - [Introduction to WebXR Development](https://wonderlandengine.com/news/intro-to-webxr-development/): Now that WebXR Device API is stable, you can start relying on it. But how do you get started? - [Wonderland Engine 1.0.0 JavaScript Migration](https://wonderlandengine.com/news/js-architecture-migration-1.0.0/): New JavaScript architecture in Wonderland Engine and how to migrate. - [JavaScript Hot-Reload in 1.3.0](https://wonderlandengine.com/news/js-architecture-migration-1.3.0/): Learn about migrating your project to support Hot Reload. With Hot Reload enabled, the Wonderland Editor can update the browser JavaScript code without restarting the engine and the VR session. - [Custom Component Record & Array Properties](https://wonderlandengine.com/news/js-nested-properties/): About the new advanced property types for custom TypeScript and JavaScript components in Wonderland Engine 1.4.0. - [Wonderbricks is now Open Source](https://wonderlandengine.com/news/open-sourcing-wonderbricks/): Wonderbricks started as a production project: a complete WebXR experience we could ship and point to when people asked "what does a large Wonderland Engine project look like in practice?". Today we are releasing the full source and assets on GitHub together with our partners Novelab. - [Prefab Instancing in 1.2.0](https://wonderlandengine.com/news/prefab-1.2.0/): JavaScript API for prefab instantiation in Wonderland Engine. - [Wonderland Engine Pricing Reveal](https://wonderlandengine.com/news/pricing-reasoning-and-choosing-a-license/): We revealed our license pricing. Find out why Wonderland Engine is priced the way it is and which license is best for you. - [How We Profile WebXR/WebGL Apps](https://wonderlandengine.com/news/profiling-webxr-applications/): 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 0.7.0](https://wonderlandengine.com/news/release-0.7.0/): Animation and Skinning import and many fixes. - [Release 0.7.1](https://wonderlandengine.com/news/release-0.7.1/): Hotfixes for the 0.7.0 release. - [Release 0.7.2](https://wonderlandengine.com/news/release-0.7.2/): Fixes and convenience improvements for 0.7.0 and 0.7.1. - [Release 0.7.3](https://wonderlandengine.com/news/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.4](https://wonderlandengine.com/news/release-0.7.4/): Changelog for Wonderland Engine 0.7.4, furth fixes and workflow improvements for 0.7.x. - [Release 0.7.5](https://wonderlandengine.com/news/release-0.7.5/): Changelog for Wonderland Engine 0.7.5. - [Release 0.7.6](https://wonderlandengine.com/news/release-0.7.6/): Changelog for Wonderland Engine 0.7.6. - [Release 0.8.0](https://wonderlandengine.com/news/release-0.8.0/): Changelog for Wonderland Engine 0.8.0. - [Release 0.8.1](https://wonderlandengine.com/news/release-0.8.1/): Changelog for Wonderland Engine 0.8.1. Wonderland Engine is now free! - [Release 0.8.2](https://wonderlandengine.com/news/release-0.8.2/): Changelog for Wonderland Engine 0.8.2. - [Release 0.8.3](https://wonderlandengine.com/news/release-0.8.3/): Changelog for Wonderland Engine 0.8.3. Important bugfixes and workflow improvements, especially for Microsoft Hololens developers. - [Release 0.8.4](https://wonderlandengine.com/news/release-0.8.4/): Changelog for Wonderland Engine 0.8.4. - [Release 0.8.5](https://wonderlandengine.com/news/release-0.8.5/): Changelog for Wonderland Engine 0.8.5. - [Release 0.8.6](https://wonderlandengine.com/news/release-0.8.6/): Changelog for Wonderland Engine 0.8.6. - [Release 0.8.7](https://wonderlandengine.com/news/release-0.8.7/): Changelog for Wonderland Engine 0.8.7. - [Release 0.8.8](https://wonderlandengine.com/news/release-0.8.8/): Changelog for Wonderland Engine 0.8.8. - [Release 0.8.9](https://wonderlandengine.com/news/release-0.8.9/): Changelog for Wonderland Engine 0.8.9. - [Release 0.9.0](https://wonderlandengine.com/news/release-0.9.0/): Changelog for Wonderland Engine 0.9.0. - [Release 0.9.1](https://wonderlandengine.com/news/release-0.9.1/): Changelog for Wonderland Engine 0.9.1. - [Release 0.9.2](https://wonderlandengine.com/news/release-0.9.2/): Changelog for Wonderland Engine 0.9.2. - [Release 0.9.3](https://wonderlandengine.com/news/release-0.9.3/): Changelog for Wonderland Engine 0.9.3. - [Release 0.9.4](https://wonderlandengine.com/news/release-0.9.4/): Changelog for Wonderland Engine 0.9.4. - [Release 0.9.5](https://wonderlandengine.com/news/release-0.9.5/): Changelog for Wonderland Engine 0.9.5. - [Release 1.0.0](https://wonderlandengine.com/news/release-1.0.0/): Changelog for Wonderland Engine 1.0.0. - [Release 1.0.1](https://wonderlandengine.com/news/release-1.0.1/): Changelog for Wonderland Engine 1.0.1. - [Release 1.0.2](https://wonderlandengine.com/news/release-1.0.2/): Changelog for Wonderland Engine 1.0.2. - [Release 1.0.3](https://wonderlandengine.com/news/release-1.0.3/): Changelog for Wonderland Engine 1.0.3. - [Release 1.0.4](https://wonderlandengine.com/news/release-1.0.4/): Changelog for Wonderland Engine 1.0.4. - [Release 1.1.0](https://wonderlandengine.com/news/release-1.1.0/): Changelog for Wonderland Engine 1.1.0. - [Release 1.1.1](https://wonderlandengine.com/news/release-1.1.1/): Changelog for Wonderland Engine 1.1.1. - [Release 1.1.2](https://wonderlandengine.com/news/release-1.1.2/): Changelog for Wonderland Engine 1.1.2. - [Release 1.1.3](https://wonderlandengine.com/news/release-1.1.3/): Changelog for Wonderland Engine 1.1.3. - [Release 1.1.4](https://wonderlandengine.com/news/release-1.1.4/): Changelog for Wonderland Engine 1.1.4. - [Release 1.1.5](https://wonderlandengine.com/news/release-1.1.5/): Changelog for Wonderland Engine 1.1.5. - [Release 1.1.6](https://wonderlandengine.com/news/release-1.1.6/): Changelog for Wonderland Engine 1.1.6. - [Release 1.2.0](https://wonderlandengine.com/news/release-1.2.0/): Changelog for Wonderland Engine 1.2.0. - [Release 1.2.1](https://wonderlandengine.com/news/release-1.2.1/): Changelog for Wonderland Engine 1.2.1. - [Release 1.2.2](https://wonderlandengine.com/news/release-1.2.2/): Changelog for Wonderland Engine 1.2.2. - [Release 1.2.3](https://wonderlandengine.com/news/release-1.2.3/): This release comes with a first default editor plugin and significant improvements for peak-memory use. View the full changelog for Wonderland Engine 1.2.3. - [Release 1.2.4](https://wonderlandengine.com/news/release-1.2.4/): Wonderland Editor is now available as a Linux Flatpak app! You can install it [directly from Flathub](https://flathub.org/apps/com.wonderlandengine.editor). This release also introduces a bundled plugin for cleaning up project resources and brings many bugfixes and UI polish. - [Release 1.3.0](https://wonderlandengine.com/news/release-1.3.0/): Learn about what is new in Wonderland Engine 1.3.0. Highlights include new and improved project templates, a procedural sky shader, drop shadow text effect, and resource filters for the Scene Outline. - [Release 1.3.1](https://wonderlandengine.com/news/release-1.3.1/): Changelog for Wonderland Engine 1.3.1. - [Release 1.3.2](https://wonderlandengine.com/news/release-1.3.2/): Learn about what's new in Wonderland Engine 1.3.2. This release focuses on overall stability and brings a bunch of fixes for less common workflows. - [Release 1.3.3](https://wonderlandengine.com/news/release-1.3.3/): Further stability and fixes for the 1.3.x releases. - [Release 1.3.4](https://wonderlandengine.com/news/release-1.3.4/): Changelog for Wonderland Engine 1.3.4: Important texture streaming and editor fixes. - [Wonderland Engine 1.4.0 - GI Probe Volumes, Reverse-Z, Array Properties](https://wonderlandengine.com/news/release-1.4.0/): Changelog for Wonderland Engine 1.4.0, optimized graphics engine for the web. Highlights include sparse global illumination probe volumes, reverse-z support and new complex property types for custom components like array and record. - [Wonderland Engine 1.4.1 - Hotfixes and Impactful Optimizations](https://wonderlandengine.com/news/release-1.4.1/): Hotfixes for the [1.4.0 release](/news/release-1.4.0) and significant performance optimizations for depth passes, as well as a 50% size improvements for probe volumes. - [Wonderland Engine 1.4.2 - Critical Fixes and Stable Shadows](https://wonderlandengine.com/news/release-1.4.2/): Further hotfixes for the [1.4 release](/news/release-1.4.0), as well as stability for sun light shadows under camera movement. - [Release 1.4.3 - Further Hotfixes](https://wonderlandengine.com/news/release-1.4.3/): Further bugfixes for the [1.4 release](/news/release-1.4.0). - [Wonderland Engine 1.4.4 - Fixes and UX Improvements](https://wonderlandengine.com/news/release-1.4.4/): Further bugfixes for the [1.4 release](/news/release-1.4.0) and a nice UX improvement. - [Wonderland Engine 1.4.5 - Stability Improvements](https://wonderlandengine.com/news/release-1.4.5/): Further bugfixes and improvements for the 1.4.0 relase. - [Wonderland Engine 1.4.6 - Texturing Improvements and Bugfixes](https://wonderlandengine.com/news/release-1.4.6/): Changelog for Wonderland Engine 1.4.6. - [Wonderland Engine 1.4.7](https://wonderlandengine.com/news/release-1.4.7/): Changelog for Wonderland Engine 1.4.7. - [Wonderland Engine 1.5.0](https://wonderlandengine.com/news/release-1.5.0/): Changelog for Wonderland Engine 1.5.0. - [Wonderland Engine 1.5.1](https://wonderlandengine.com/news/release-1.5.1/): Changelog for Wonderland Engine 1.5.1. - [Wonderland Engine 1.5.2 - Audio Encoding and Bugfixes](https://wonderlandengine.com/news/release-1.5.2/): Changelog for Wonderland Engine 1.5.2. - [Wonderland Engine 1.5.3 - AR Templates and Bugfixes](https://wonderlandengine.com/news/release-1.5.3/): Changelog for Wonderland Engine 1.5.3, which brings new Zappar-based WebAR templates to Wonderland Engine. - [Wonderland Engine 1.6.0 - Meshlets and SSAO](https://wonderlandengine.com/news/release-1.6.0/): Changelog for Wonderland Engine 1.4.0, optimized graphics engine for the web. Highlights include meshlet emulation to render large amounts of polygons, and a performant screen space ambient occlusion (SSAO) implementation. - [Wonderland Engine 1.6.1](https://wonderlandengine.com/news/release-1.6.1/): Changelog for Wonderland Engine 1.6.1. - [Three.wasm - What it is and represents.](https://wonderlandengine.com/news/three-wasm/): On April 1st 2026, Three.js announced the future of Three.js, "three.wasm". What is three.wasm and what does it represent for 3D graphics on the web? - [Top 5 WebXR Frameworks - Comparison](https://wonderlandengine.com/news/top-5-webxr-frameworks-comparison/): Want to start WebXR development? Here is a comparison of the top 5 frameworks to get you started. - [Vertex Color Baked Lighting with Wonderland Engine](https://wonderlandengine.com/news/vertex-color-baked-lighting/): Lighting can be baked into vertex colors instead of textures. Here is how to use this for your next WebXR project in Wonderland Engine. - [WebAssembly Threads](https://wonderlandengine.com/news/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. - [WebGL Performance on Safari and Apple Vision Pro](https://wonderlandengine.com/news/webgl-performance-safari-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. - [Untitled](https://wonderlandengine.com/news/webxr-apple-vision-pro/apple-vision-pro/) - [What GPT-5 Doesn't Know About Wonderland Engine](https://wonderlandengine.com/news/what-gpt5-doesnt-know-about-wonderland-engine/): GPT-5 was just released. Here are the things it got wrong about Wonderland Engine. If it missed these, so may you have! - [5 Benefits of WebXR](https://wonderlandengine.com/news/why-use-webxr/): Are you choosing between native or WebXR for your next XR app? Here are five reasons you might choose WebXR for. - [Wonderland Editor Now Available on Flathub](https://wonderlandengine.com/news/wonderland-editor-on-flathub/): We are thrilled to announce that Wonderland Editor is now available as a [Flatpak](https://flatpak.org/) package on [Flathub](https://flathub.org/apps/details/com.wonderlandengine.editor). This simplifies access for Linux users across various distributions, making it easier than ever to get started with Wonderland Engine, bringing high-performance WebGL and WebXR development to Linux users. - [Wonderland Engine is now free](https://wonderlandengine.com/news/wonderland-engine-is-now-free/): Wonderland Engine is now free to use. Find out how we believe this benefits you and the immersive web. - [Latest **news & insights** from Wonderland](https://wonderlandengine.com/news/): Learn about latest releases of Wonderland Engine, featured projects from the community, the industry and general WebXR news. ## Tutorials - [3D UI with React in Wonderland Engine](https://wonderlandengine.com/tutorials/react-based-3d-ui/): Tutorial on getting started with the React UI library for Wonderland Engine. - [Exporting Wonderland Engine Mesh as OBJ file](https://wonderlandengine.com/tutorials/export-mesh-as-obj/): How to export Wonderland Engine Mesh as OBJ for debugging runtime generated meshes. - [Exporting Models from Blender](https://wonderlandengine.com/tutorials/exporting-from-blender/): Exporting GLB files from Blender for import in the Wonderland Editor. - [Introduction to Texture Atlasses](https://wonderlandengine.com/tutorials/introduction-to-texture-atlasses/): How to use texture atlasses, when and how to increase or decrease their sizes. - [Loading GLTF/GLB at Runtime](https://wonderlandengine.com/tutorials/loading-gltf-glb-files-at-runtime/): How to load GLTF or GLB files at runtime from URLs. - [Streaming .bin files at Runtime](https://wonderlandengine.com/tutorials/streaming-bin-files-at-runtime/): Loading Wonderland Engine .bin files at runtime. - [Background Effect](https://wonderlandengine.com/tutorials/background-effect/): How to render sky, background images, and gradients. - [Changing Material Properties at Runtime](https://wonderlandengine.com/tutorials/changing-material-properties-at-runtime/): Changing material properties at runtime with JavaScript for interaction or animation. - [How to build XR-only Components](https://wonderlandengine.com/tutorials/component-active-only-in-vr/): How to make components only activate during XR sessions. - [Connect Wonderland Engine to Coding Agents via MCP](https://wonderlandengine.com/tutorials/connect-coding-agents-via-mcp/): Wonderland Engine provides an MCP Server plugin to give Cursor, VSCode Copilot, Claude Code, Gemini CLI and other AI coding agents access to high-performance 3D web development. Let your coding agent import scenes, set up components and modify settings for you. - [Create a Texture with Canvas2D](https://wonderlandengine.com/tutorials/create-a-texture-with-canvas2d/): Painting your own textures at runtime with JavaScript Canvas. - [Handling 3D Cursor Clicks](https://wonderlandengine.com/tutorials/handling-3d-cursor-clicks/): How to run JavaScript when an object is clicked with the 3D cursor (VR, AR & 3D). - [Rendering Simplified Chinese Characters](https://wonderlandengine.com/tutorials/rendering-simplified-chinese-characters/): How to set up text rendering for Simplified Chinese fonts. - [Spawning Objects at Runtime](https://wonderlandengine.com/tutorials/spawning-objects-at-runtime/): How to create objects in JavaScript. - [Switching Scenes](https://wonderlandengine.com/tutorials/switch-scenes/): How to switch scenes to load different levels or parts of a world. - [Integrate the CrazyGames SDK](https://wonderlandengine.com/tutorials/upsdk-crazygames/): Wonderland Engine is an excellent choice for building highly performant 3D web games, because it is optimized to load fast and even runs well on iOS Safari. This tutorial will cover how to integrate CrazyGames platform services. - [Integrate the VIVERSE Avatar SDK](https://wonderlandengine.com/tutorials/upsdk-viverse/): Wonderland Engine is an excellent choice for building highly performant 3D web and WebXR games, because it is optimized to load fast and even runs well on iOS Safari. This tutorial covers how to integrate VIVERSE SDK services. - [Writing Components in Typescript](https://wonderlandengine.com/tutorials/writing-components-in-typescript/): How to set up Typescript for use in custom components. - [Writing JavaScript Libraries](https://wonderlandengine.com/tutorials/writing-js-library/): Tutorial on creating your own JavaScript libraries for Wonderland Engine. - [Tutorials](https://wonderlandengine.com/tutorials/): Byte-sized **knowledge**. ## Compare - [A‑Frame vs Wonderland Engine](https://wonderlandengine.com/compare/aframe/): A‑Frame lets you describe simple VR scenes using HTML tags. Wonderland Engine is a compiled engine and editor designed for high‑performance VR, AR and 3D applications. - [**Babylon.js** vs Wonderland Engine](https://wonderlandengine.com/compare/babylonjs/): Babylon.js is a comprehensive 3D framework for the web. Wonderland Engine is a purpose‑built engine designed for maximum performance and ease of use. - [Compare](https://wonderlandengine.com/compare/) - [**<model-viewer>** vs Wonderland Engine](https://wonderlandengine.com/compare/model-viewer/): <model-viewer> makes it easy to embed a single GLTF/GLB model on a web page. Wonderland Engine is a full‑fledged engine and editor for building complex interactive 3D and XR experiences. - [**Needle** vs Wonderland Engine](https://wonderlandengine.com/compare/needle/): Needle Engine is "Three.js with superpowers" and plugins that package Unity or Blender scenes into web components. Wonderland Engine is a native engine with its own editor and optimized runtime. - [**Niantic Studio** vs Wonderland Engine](https://wonderlandengine.com/compare/niantic-studio/): **Niantic Studio** is a browser‑based editor built on 8th Wall for creating WebXR and AR content. Wonderland Engine is a dedicated engine with a native editor, optimized for complex 3D and VR experiences. - [**PlayCanvas** vs Wonderland Engine](https://wonderlandengine.com/compare/playcanvas/): **PlayCanvas** is a cloud‑hosted editor for small interactive scenes. Wonderland Engine is a high‑performance rendering engine designed for complex games and applications. - [**Three.js** vs Wonderland Engine](https://wonderlandengine.com/compare/threejs/): Three.js is a low‑level JavaScript framework for rendering 3D graphics. Wonderland Engine is a full engine with an editor, optimized runtime and tooling for complex projects. - [**Unity HTML5** vs Wonderland Engine](https://wonderlandengine.com/compare/unity-html5/): Unity is a native 3D engine that also supports HTML5/WebGL export. Wonderland Engine is a 3D engine that is built from the ground up for the web, offering small builds, fast iterations and high performance even on mobile devices. ## Editor - [WonderlandEditor CLI](https://wonderlandengine.com/editor/commands/): The Wonderland Editor command line interface. - [Source Control](https://wonderlandengine.com/editor/source-control/): Guides and best practices for using git and other source with Wonderland Engine Projects. - [Directory Structure](https://wonderlandengine.com/editor/directory-structure/): Wonderland Editor's directory structure and recommendations for project directory structures. - [Wonderland Editor Views](https://wonderlandengine.com/editor/views/): Detailed information on the views in Wonderland Editor. - [Using Plugins](https://wonderlandengine.com/editor/plugins/): How to install, use, and create editor plugins for Wonderland Editor. - [Continuous Integration](https://wonderlandengine.com/editor/ci-cd/): Automatically build and deploy Wonderland Engine projects. - [Editor Overview](https://wonderlandengine.com/editor/): The visual editor allows import of 3D assets and configuration of custom JavaScript components. ## Branding - [Wonderland Engine Brand](https://wonderlandengine.com/branding/): Wonderland Engine brand guidelines and assets. ## Cloud - [Wonderland **Cloud.**](https://wonderlandengine.com/cloud/): Create easy metaverse locations on the web with Wonderland Engine. - [Multi-User Servers on Wonderland Cloud](https://wonderlandengine.com/cloud/documentation/servers/): Servers Documentation - [Wonderland Cloud Pages](https://wonderlandengine.com/cloud/documentation/pages/): Wonderland Cloud Pages Documentation - [Cloud APIs](https://wonderlandengine.com/cloud/documentation/apis/): Cloud APIs Documentation - [Subscriptions](https://wonderlandengine.com/cloud/documentation/subscriptions/): Subscriptions Documentation - [Multi-User Server Development Flow](https://wonderlandengine.com/cloud/documentation/development-flow/): Example Multi-User Server Development Flow - [Wonderland Cloud Introduction](https://wonderlandengine.com/cloud/documentation/): Introduction into Wonderland Cloud ## Contact - [Contact Wonderland](https://wonderlandengine.com/contact/): Contact Wonderland to request a demo. ## Courses - [Courses.](https://wonderlandengine.com/courses/): Learn Wonderland Engine directly from the team with our official online video courses. ## Dead secret circle web - [Dead Secret Circle Web](https://wonderlandengine.com/dead-secret-circle-web/): Dead Secret Circle Web - Conversion of a native VR game to WebXR. ## Documentation - [**Wonderland Engine** Documentation](https://wonderlandengine.com/documentation/): Documentation of the light-weight web focused graphics engine "Wonderland Engine". - [Custom Shaders](https://wonderlandengine.com/documentation/custom-shaders/): Documentation on Custom Shaders in Wonderland Engine. ## Home - [Wonderland Engine - 3D Engine for Web](https://wonderlandengine.com/) ## Next steps - [Next Steps](https://wonderlandengine.com/next-steps/) ## Pixel streaming cost calculator - [Pixel Streaming Cost Calculator](https://wonderlandengine.com/pixel-streaming-cost-calculator/): Compare annual costs of managed pixel streaming providers versus client-side WebGL/WebXR with Wonderland Engine. ## Pricing - [Our License **Pricing.**](https://wonderlandengine.com/pricing/): Start **free**, scale when you succeed. ## Smoke alarm xr training poc - [Technical Showcase: Deploying Enterprise VR Training to the Web ](https://wonderlandengine.com/smoke-alarm-xr-training-poc/): A proof-of-concept port of XpertVR's smoke alarm training from Unity to Wonderland Engine, demonstrating web delivery, offline caching, and rapid iteration. ## Vr - [Wonderland Engine - VR Website](https://wonderlandengine.com/vr/): Wonderland Engine VR website. ## Getting started - [Quick Start - AR with 8th Wall](https://wonderlandengine.com/getting-started/quick-start-ar-8thwall/): From nothing to an AR app running in the browser in minutes. - [Install Wonderland Engine](https://wonderlandengine.com/getting-started/installing/): Install Wonderland Engine on Windows, Linux or MacOS - [Quick Start](https://wonderlandengine.com/getting-started/quick-start/): From nothing to a 3D app running in the browser in minutes. - [Quick Start - Microsoft Hololens](https://wonderlandengine.com/getting-started/quick-start-ar-hololens/): Build a basic AR app in minutes for the Hololens. - [Quick Start - WebXR AR](https://wonderlandengine.com/getting-started/quick-start-ar-webxr/): From nothing to an AR app running in the browser on your smartphone in minutes. - [Quick Start - Augmented Reality](https://wonderlandengine.com/getting-started/quick-start-ar/): From nothing to an AR app running in the browser in minutes. - [Quick Start - WebAR with Zappar](https://wonderlandengine.com/getting-started/quick-start-ar-zappar/): Building a WebAR app running in the browser in minutes. - [Quick Start - Virtual Reality](https://wonderlandengine.com/getting-started/quick-start-vr/): From nothing to a VR app running in the browser in minutes. - [Quick Start - Mixed Reality](https://wonderlandengine.com/getting-started/quick-start-mr/): How to use Mixed Reality features of Meta Quest 2 or Meta Quest Pro. - [Custom JavaScript Components](https://wonderlandengine.com/getting-started/quick-start-js/): How to write your own JavaScript components. - [Wonderland Engine for Unity Developers](https://wonderlandengine.com/getting-started/quick-start-unity/): Use your Unity experience to get up to speed with Wonderland Engine faster. - [Get Started](https://wonderlandengine.com/getting-started/): Quick start guides for Wonderland Engine. ## Legal - [Cookie Policy](https://wonderlandengine.com/legal/cookies/): Wonderland Engine's cookie policy. - [End User License Agreement](https://wonderlandengine.com/legal/eula/): Wonderland Engine's EULA. - [Imprint](https://wonderlandengine.com/legal/imprint/) - [Privacy Policy](https://wonderlandengine.com/legal/privacy/): Wonderland Engine's privacy policy. - [Terms of Service](https://wonderlandengine.com/legal/terms-of-service/): Terms of service for the Wonderland Engine Website - [Legal](https://wonderlandengine.com/legal/) ## Tags - [news](https://wonderlandengine.com/tags/case study/) - [news](https://wonderlandengine.com/tags/news/) - [release](https://wonderlandengine.com/tags/release/) ## About - [Wonderland Engine](https://wonderlandengine.com/about/wonderlandengine/): Wonderland Engine is a web-based 3D engine for 3D, VR, and AR. - [JavaScript Components](https://wonderlandengine.com/about/components/): Overview of the JavaScript components shipped with the Wonderland Editor. - [Native Components](https://wonderlandengine.com/about/native-components/): Overview of the native components shipped with the Wonderland Editor. - [WebGL Performance](https://wonderlandengine.com/about/webgl-performance/): Are you experiencing bad WebGL performance? How to profile and optimize WebGL to achieve excellent performance on mobile, desktop, and WebXR. - [WebXR](https://wonderlandengine.com/about/webxr/): WebXR enables building XR (VR and AR) and spatial applications with web technology. This unlocks a few key advantages. - [WebXR Development](https://wonderlandengine.com/about/webxr-development/): How to get started building XR (VR and AR) and spatial applications with web technology. - [Wonderland Engine Features](https://wonderlandengine.com/about/features/): Efficient runtime, visual editor and flexible JavaScript API. - [Wonderland Editor](https://wonderlandengine.com/about/editor/): The Wonderland Editor Application makes assembling 3D scenes accessible and handles optimizations for you. - [Wonderland Engine's Optimizations](https://wonderlandengine.com/about/optimizations/): A list of Wonderland Engine's optimizations. - [Roadmap](https://wonderlandengine.com/about/roadmap/): Wonderland Engine's step towards enabling more and more jaw-dropping project scopes for WebXR projects on the web. - [Overview](https://wonderlandengine.com/about/): Wonderland Engine is a web-based 3D engine for 3D, VR, and AR. ## Jsapi - [Animation](https://wonderlandengine.com/jsapi/Animation/): Wrapper around a native animation. - [AnimationComponent](https://wonderlandengine.com/jsapi/AnimationComponent/): Native animation component. - [AnimationGraph](https://wonderlandengine.com/jsapi/AnimationGraph/): Wrapper around a native animation graph. - [AnimationGraphManager](https://wonderlandengine.com/jsapi/AnimationGraphManager/): Manage animation graphs. - [AttributeAccessor](https://wonderlandengine.com/jsapi/AttributeAccessor/): An iterator over a mesh vertex attribute. - [AudioClip](https://wonderlandengine.com/jsapi/AudioClip/): Wrapper around an audio clip resource. - [BitSet](https://wonderlandengine.com/jsapi/BitSet/): Stores a bit pattern to quickly test if an index is enabled / disabled. - [BrokenComponent](https://wonderlandengine.com/jsapi/BrokenComponent/): Components must be registered before loading / appending a scene. - [CBORReader](https://wonderlandengine.com/jsapi/CBORReader/): CBOR reader. - [CollisionComponent](https://wonderlandengine.com/jsapi/CollisionComponent/): Native collision component. - [Component](https://wonderlandengine.com/jsapi/Component/): Provides access to a component instance of a specified component type. - [DefaultPropertyCloner](https://wonderlandengine.com/jsapi/DefaultPropertyCloner/): Default cloner implementation. - [Emitter](https://wonderlandengine.com/jsapi/Emitter/): Event emitter. - [Environment](https://wonderlandengine.com/jsapi/Environment/): Environment lighting properties - [Font](https://wonderlandengine.com/jsapi/Font/): Wrapper around a native font resource. - [GLTFExtensions](https://wonderlandengine.com/jsapi/GLTFExtensions/): GLTFExtensions API reference - [I18N](https://wonderlandengine.com/jsapi/I18N/): Class for accessing internationalization (i18n) features. - [InputComponent](https://wonderlandengine.com/jsapi/InputComponent/): Native input component. - [Interfaces](https://wonderlandengine.com/jsapi/Interfaces/): Interfaces and type aliases - [LightComponent](https://wonderlandengine.com/jsapi/LightComponent/): Native light component. - [Logger](https://wonderlandengine.com/jsapi/Logger/): Logging wrapper. - [Material](https://wonderlandengine.com/jsapi/Material/): Wrapper around a native material. - [MaterialManager](https://wonderlandengine.com/jsapi/MaterialManager/): Manage materials. - [Mesh](https://wonderlandengine.com/jsapi/Mesh/): Wrapper around a native mesh data. - [MeshAttributeAccessor](https://wonderlandengine.com/jsapi/MeshAttributeAccessor/): MeshAttributeAccessor API reference - [MeshComponent](https://wonderlandengine.com/jsapi/MeshComponent/): Native mesh component. - [MeshManager](https://wonderlandengine.com/jsapi/MeshManager/): Manage meshes. - [MorphTargets](https://wonderlandengine.com/jsapi/MorphTargets/): Wrapper around a native set of morph targets. - [Object3D](https://wonderlandengine.com/jsapi/Object3D/): Scene graph object. - [ParticleEffect](https://wonderlandengine.com/jsapi/ParticleEffect/): Wrapper around a particle effect resource. - [ParticleEffectComponent](https://wonderlandengine.com/jsapi/ParticleEffectComponent/): Native particle effect component. - [ParticleEffectManager](https://wonderlandengine.com/jsapi/ParticleEffectManager/): Manage particle effects. - [PhysXComponent](https://wonderlandengine.com/jsapi/PhysXComponent/): Native physx rigid body component. - [Physics](https://wonderlandengine.com/jsapi/Physics/): Access to the physics scene - [Pipeline](https://wonderlandengine.com/jsapi/Pipeline/): Wrapper around a pipeline resource. - [PipelineManager](https://wonderlandengine.com/jsapi/PipelineManager/): Manage pipelines. - [Prefab](https://wonderlandengine.com/jsapi/Prefab/): Base class for prefabs, scenes, and glTF. - [PrefabGLTF](https://wonderlandengine.com/jsapi/PrefabGLTF/): glTF scene. - [ProbeVolumeScenario](https://wonderlandengine.com/jsapi/ProbeVolumeScenario/): Wrapper around a probe volume scenario resource. - [ProbeVolumeScenarioManager](https://wonderlandengine.com/jsapi/ProbeVolumeScenarioManager/): Manage probe volume scenarios. - [RayHit](https://wonderlandengine.com/jsapi/RayHit/): Ray hit. - [Resource](https://wonderlandengine.com/jsapi/Resource/): Base class for engine resources, such as: - [ResourceManager](https://wonderlandengine.com/jsapi/ResourceManager/): Manager for resources. - [RetainEmitter](https://wonderlandengine.com/jsapi/RetainEmitter/): Event emitter that retains event data when notified. - [Scene](https://wonderlandengine.com/jsapi/Scene/): Wonderland Engine (.bin) scene. - [SceneResource](https://wonderlandengine.com/jsapi/SceneResource/): Base class for scene resources, such as: - [Skin](https://wonderlandengine.com/jsapi/Skin/): Wrapper around a native skin data. - [TextComponent](https://wonderlandengine.com/jsapi/TextComponent/): Native text component - [Texture](https://wonderlandengine.com/jsapi/Texture/): Wrapper around a native texture data. - [TextureManager](https://wonderlandengine.com/jsapi/TextureManager/): Manage textures. - [ViewComponent](https://wonderlandengine.com/jsapi/ViewComponent/): Native view component. - [WL](https://wonderlandengine.com/jsapi/WL/): Global enumerations, variables, and functions - [WonderlandEngine](https://wonderlandengine.com/jsapi/WonderlandEngine/): Main Wonderland Engine instance. - [XR](https://wonderlandengine.com/jsapi/XR/): XR API reference - [XRSessionState](https://wonderlandengine.com/jsapi/XRSessionState/): Properties of a WebXR session - [math](https://wonderlandengine.com/jsapi/math/): math API reference - [API Reference](https://wonderlandengine.com/jsapi/): Wonderland Engine JavaScript API reference. ## Release - [Release and Deploy](https://wonderlandengine.com/release/): Steps to follow when releasing a product or project and how to deploy with Wonderland Engine. ## Royalty - [Royalty](https://wonderlandengine.com/royalty/): Details on the Wonderland Engine royalty and FAQs. ## Downloads - [**Download** Wonderland Engine ](https://wonderlandengine.com/downloads/): Download Wonderland Engine ## Registry - [Component Registry](https://wonderlandengine.com/registry/): Community component registry.