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
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
Spritesheet Animation Animate Sprites using AnimationClips