logo

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.

Sample

Product Scrollytelling

Lynx R1 scrolling website
Sample

Room Tracking & Passthrough

Physics, Passthrough, Walls and Furniture on Quest / Quest Pro
Sample

Configurator

Changing objects and materials via script.
Sample

Device Sensors

Orientation Sensor Access
Sample

Hotspots

Annotate 3D content
Sample

QuickLook Characters

Character controller that works in iOS AR too
Sample

Musical Instrument

Play audio and animation on click interactions
Sample

Image Tracking

Placing content on images
Sample

External Content

Download textures & models from external sources
Sample

Collaborative Sandbox

Networking, WebXR, Drag & Duplicate
Sample

Deferred Textures

Faster load times, smaller payloads
Sample

Ground Projection

Floor projection from environment maps
Sample

Interactive Map

Openstreetmap.org integration in 3D
Sample

QuickLook Interactions

Various interactive examples compatible with iOS AR
Sample

Screensharing

WebRTC and Streaming
Sample

Spatial Audio

Placing audio sources in 3D with spatial falloff
Sample

Netlify

Deploy projects made with Needle to Netlify
Sample

NextJS

Integration with the NextJS framework.
Sample

Svelte integration

Integration with the Svelte web framework.
Sample

SvelteKit integration

Integration with SvelteKit for dynamic or static pages
Sample

Vue.js Integration

Integration with the Vue.js web framework.
Sample

iframe Content

Displaying external web pages in 3D
Sample

MediaPipe Hands

Control the scene with your hands
Sample

Multiple lightmaps

Easily bake multiple lightmaps for a scene and switch between different lightmaps at runtime.
Sample

Particles

Particle Systems and Trails
Sample

Physics Playground

Rigidbodies, Colliders, Triggers
Sample

Portal Rendering

Using stencil buffers
Sample

QuickLook Configurator

Configure your product in quicklook
Sample

Reflection Probes

Set custom reflections per object
Sample

Switchable Walls

Plane Tracking, Passthrough, Spatial Understanding
Sample

Third-Person Controller

Characters, Animations and Controls
Sample

Voxel Editor

Very basic voxel editor made with Everywhere Actions
Sample

Digital Landscape

Custom shader showcasing terrain visualization
Sample

PostProcessing

PostProcessing with DoF, Bloom, SSAO and more
Sample

Sidescroller

Sidescroller with desktop, touch and gamepad inputs, using sprites.
Sample

Animated Materials

Animate material values to create effects and transitions
Sample

Animated Properties

Powerful animation capabilities. Animate material values, scripts, objects.
Sample

AnimatorController

Simple animator controller to transition between two states and play a sound effect (no code)
Sample

AR Camera Background

Modify the camera stream and use it for material effects.
Sample

Custom Hands

Custom hand models in WebXR
Sample

First Person Character

First Person Character Controller with Touch Support
Sample

First Person Controller

Character Controller with Touch Support and Multiplater capability
Sample

Fonts and Text

Displaying text, rich text, font families
Sample

Javascript Communication

Communication between Needle Engine and external javascript
Sample

Line Drawing

Line drawing in 3D for annotations and scribbles
Sample

Multi Scenes (dynamic loading)

Lazy load and switch scenes
Sample

Networking Players

Spawn and control players - this sample also shows the lifecycle of networked players
Sample

Product Flyover

Scroll through multiple product pages using a Timeline and Timeline Events
Sample

React Sample

Integrate Needle Engine into a react component
Sample

Scripting Snippets

Various scripts and helpers to understand custom components
Sample

Shaders

Exporting Unity Shaders to the web
Sample

Synchronized Animator

Synchronize animator and animation state over network
Sample

Texture Details

High-res textures and AR placement
Sample

Video Playback

Displaying videos, codecs, transparency
Sample

Visibility and State

Visibility, enabled/disabled, hierarchy
Sample

Physics & Animation

Physical objects interacting with animated objects
Sample

Physics Basic

Simple physics scene with objects changing colors on collision
Sample

Physics Joints

Connections between physical objects
Sample

Canvas UI

Create 3D UIs with Canvas
Sample

Framerates

This sample shows how to modify the target framerate
Sample

HTML AR Overlay

Custom DOM Overlays in AR
Sample

HTML Custom Layout

Custom DOM Layout
Sample

HTML Custom XR Buttons

AR and VR buttons can be customized for your app.
Sample

Integrating p5.js

Use p5.js to draw dynamic and interactive textures
Sample

Looking Glass

3D Holographic Display
Sample

Particle Bursts

Emitting particles on interaction
Sample

Particles On Collision

Particles Spawned on Collision with Slowmotion Effect and Physics Materials
Sample

Pencil Sword

Combining pen data and 3D
Sample

Screenspace UI

Anchoring Canvas UI elements to the screen
Sample

Shadow Catcher

Render additive or masked transparent shadows, great for AR
Sample

Spatial Triggers

Reactive Zones and Events
Sample

Spritesheet Animation

Animate Sprites using AnimationClips