Examples for Wonderland Engine -- development platform for VR, AR and 3D on the web.

Overview

build

Wonderland Engine Examples

Repository of official examples for Wonderland Engine, development platform for VR, AR and 3D on the web.

License

The code and .wlp files in this repository are licensed under the MIT License (use for commercial purposes, no warranty, attribution required).

The assets (images, 3D models, audio files) underly individual licenses, please check the respective examples.

Examples

Find a list of all examples below, you can find them live in the Wonderland Engine Showcase.

animation

Simple example of how to play animations from a GLTF file on click interaction.

View Live

ar-cursor

Simple setup for a mobile AR cursor that uses world intersections for placement.

View Live

collision

Simple example of how to query collider overlaps.

View Live

custom-shader

Example of a custom shader for fake reflections.

View Live

hand-tracking

Simple example of how to set up hand tracking for the Meta Quest / Meta Quest 2

View Live

hand-tracking-mesh

Simple example of hand tracking with a skinned hand mesh for the Meta Quest / Meta Quest 2.

View Live

height-map

Demonstrates runtime mesh generation through the JavaScript API.

View Live

matcap-shader

Simple implementation of a matcap shader with various materials.

View Live

materials

Demonstrates built-in materials and pipeline features.

View Live

mesh-particles

A basic implementation of particles as custom JavaScript component.

View Live

normal-maps

Example showing off Normal Map support.

View Live

physics

Simple demonstration of Physics via PhysX in Wonderland Engine.

View Live

scene-optimization

Example of automatic optimization of a draw-call heavy scene.

View Live

skinning

Simple example of skinning in Wonderland Engine.

View Live

smoke-particles

Example of how to set up a basic smoke particle effect.

View Live

sponza

A classic in graphics programming.

View Live

teleport

Implementation of a teleport mechanic.

View Live

text

Simple example of how to set up text rendering.

View Live

video

Simple demo of a video texture.

View Live

You might also like...

Examples of how to do query, style, dom, ajax, event etc like jQuery with plain javascript.

You (Might) Don't Need jQuery Frontend environments evolve rapidly nowadays and modern browsers have already implemented a great deal of DOM/BOM APIs

Dec 24, 2022

Verbosely Documented, Minimal Starknet Contract Examples.

cairo-by-example • Verbosely Documented, Minimal Starknet Contract Examples. Cairo By Example deployed to https://cairo-by-example.xyz Developing Clon

Dec 6, 2022

Live Reload Examples

Live Reload Examples Examples of live reloading code to create a fast feedback loop. Examples in this code repo accompany a soon to be published blog

Sep 29, 2022

Examples for Evolllution talk about omni api's

These are examples for the 2022 Evolution Conference. These are only intended for learning puposes so you can learn and develop your own tool set. P

Jun 3, 2022

Offline rendering examples at the command line with Node.js

Elementary Audio Offline Rendering Examples This repository holds a set of small examples using Elementary in Node.js to process audio files. Each sub

Jun 12, 2022

three.js examples. if you are first in learning three.js , this will give you much help.

three.js examples. if you are first in learning three.js , this will give you much help.

three-projected-material Three.js Material which lets you do Texture Projection on a 3d Model. Installation After having installed three.js, install i

Nov 2, 2022

A community-driven repository showcasing examples using Remix 💿

Remix Examples Welcome to @remix-run/examples! If you have an example you'd like to share, please submit a pull request! This is a community-driven re

Jan 3, 2023

Examples of using various CSS-in-JS libs in Astro (repo for withastro/astro#4432)

astro + css-in-js This monorepo will show examples of various CSS-in-JS libraries in Astro. Currently only shows a basic counter example, would be nic

Dec 18, 2022

These are examples of design patterns for FE projects.

Design Pattern For FE These are examples of design patterns for FE projects. Design Pattern Useds Topic Reference Adaper Tutorialspoint Factory Tutori

Oct 6, 2022
Comments
  • New material showcase example

    New material showcase example

    Adds a new example that showcases most of the built-in materials and explains a few subtleties.

    Not showcased because they either already have or probably should have a dedicated example:

    • Phong + lightmapping
    • Physical + global illumination
    • Particle

    WonderlandEditor_2022-09-07_02-37-29

    opened by wle-cd 1
Owner
Wonderland Engine
WebXR focused game engine.
Wonderland Engine
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Dynamic-web-development - Dynamic web development used CSS and HTML

Dynamic-web-development ASSISNMENT I just used CSS and HTML to make a mobile int

null 1 Feb 8, 2022
2D HTML5 rendering and layout engine for game development

Stage.js is a 2D HTML5 JavaScript library for cross-platform game development, it is lightweight, fast and open-source. Check out examples and demos!

Ali Shakiba 2.2k Jan 3, 2023
Examples and challenges of my video about Creating and testing a complete Node.js Rest API (Without frameworks)

Building a complete Node.js WebApi + testing with no frameworks Welcome, this repo is part of my youtube video about Creating and testing a complete N

Erick Wendel 120 Dec 23, 2022
Functions Recipes is a library of examples to help you getting started with Salesforce Functions and get used to their main features.

Functions Recipes Introduction Salesforce Functions lets you use the Salesforce Platform for building event-driven, elastically scalable apps and expe

Trailhead Apps 172 Dec 29, 2022
🤪 A list of funny and tricky JavaScript examples

?? A list of funny and tricky JavaScript examples

Denys Dovhan 29.6k Jan 1, 2023
🚀🚀 A Shopify embedded app starter template, with updated dependencies, session storage, app context and examples for basic functionalities.

Shopify Node App Starter This is a starter template for embedded shopify apps based on the shopify cli node app. Contributions to create the perfect s

Carsten Lebek 143 Jan 8, 2023
This is a demo project for the SecTester JS SDK framework, with some installation and usage examples

SecTester SDK Demo Table of contents About this project About SecTester Setup Fork and clone this repo Get a Bright API key Explore the demo applicati

NeuraLegion 15 Dec 16, 2022