Needle Engine Samples
Needle Engine is a web-based runtime for 3D apps. It runs on your machine for development, and can be deployed anywhere. It is flexible, extensible and has built-in support for collaboration and XR.
Product Scrollytelling
Lynx R1 scrolling website
Room Tracking & Passthrough
Physics, Passthrough, Walls and Furniture on Quest / Quest Pro
Configurator
Changing objects and materials via script.
Device Sensors
Orientation Sensor Access
Hotspots
Annotate 3D content
QuickLook Characters
Character controller that works in iOS AR too
Musical Instrument
Play audio and animation on click interactions
Image Tracking
Placing content on images
External Content
Download textures & models from external sources
Collaborative Sandbox
Networking, WebXR, Drag & Duplicate
Deferred Textures
Faster load times, smaller payloads
Ground Projection
Floor projection from environment maps
Interactive Map
Openstreetmap.org integration in 3D
QuickLook Interactions
Various interactive examples compatible with iOS AR
Screensharing
WebRTC and Streaming
Spatial Audio
Placing audio sources in 3D with spatial falloff
Netlify
Deploy projects made with Needle to Netlify
NextJS
Integration with the NextJS framework.
Svelte integration
Integration with the Svelte web framework.
SvelteKit integration
Integration with SvelteKit for dynamic or static pages
Vue.js Integration
Integration with the Vue.js web framework.
iframe Content
Displaying external web pages in 3D
MediaPipe Hands
Control the scene with your hands
Multiple lightmaps
Easily bake multiple lightmaps for a scene and switch between different lightmaps at runtime.
Particles
Particle Systems and Trails
Physics Playground
Rigidbodies, Colliders, Triggers
Portal Rendering
Using stencil buffers
QuickLook Configurator
Configure your product in quicklook
Reflection Probes
Set custom reflections per object
Switchable Walls
Plane Tracking, Passthrough, Spatial Understanding
Third-Person Controller
Characters, Animations and Controls
Voxel Editor
Very basic voxel editor made with Everywhere Actions
Digital Landscape
Custom shader showcasing terrain visualization
PostProcessing
PostProcessing with DoF, Bloom, SSAO and more
Sidescroller
Sidescroller with desktop, touch and gamepad inputs, using sprites.
Animated Materials
Animate material values to create effects and transitions
Animated Properties
Powerful animation capabilities. Animate material values, scripts, objects.
AnimatorController
Simple animator controller to transition between two states and play a sound effect (no code)
AR Camera Background
Modify the camera stream and use it for material effects.
Custom Hands
Custom hand models in WebXR
First Person Character
First Person Character Controller with Touch Support
First Person Controller
Character Controller with Touch Support and Multiplater capability
Fonts and Text
Displaying text, rich text, font families
Javascript Communication
Communication between Needle Engine and external javascript
Line Drawing
Line drawing in 3D for annotations and scribbles
Multi Scenes (dynamic loading)
Lazy load and switch scenes
Networking Players
Spawn and control players - this sample also shows the lifecycle of networked players
Product Flyover
Scroll through multiple product pages using a Timeline and Timeline Events
React Sample
Integrate Needle Engine into a react component
Scripting Snippets
Various scripts and helpers to understand custom components
Shaders
Exporting Unity Shaders to the web
Synchronized Animator
Synchronize animator and animation state over network
Texture Details
High-res textures and AR placement
Video Playback
Displaying videos, codecs, transparency
Visibility and State
Visibility, enabled/disabled, hierarchy
Physics & Animation
Physical objects interacting with animated objects
Physics Basic
Simple physics scene with objects changing colors on collision
Physics Joints
Connections between physical objects
Canvas UI
Create 3D UIs with Canvas
Framerates
This sample shows how to modify the target framerate
HTML AR Overlay
Custom DOM Overlays in AR
HTML Custom Layout
Custom DOM Layout
HTML Custom XR Buttons
AR and VR buttons can be customized for your app.
Integrating p5.js
Use p5.js to draw dynamic and interactive textures
Looking Glass
3D Holographic Display
Particle Bursts
Emitting particles on interaction
Particles On Collision
Particles Spawned on Collision with Slowmotion Effect and Physics Materials
Pencil Sword
Combining pen data and 3D
Screenspace UI
Anchoring Canvas UI elements to the screen
Shadow Catcher
Render additive or masked transparent shadows, great for AR
Spatial Triggers
Reactive Zones and Events