THREE.JS · WEBGPU · 2026.10.06

Cyber Arm
Lab

A Three.js and WebGPU workshop with articulated fingers, moving pistons and return springs. Explore the mechanism, or let it follow your hand through a webcam.

Open the workshop ↗Desktop browser · WebGPU required · optional webcam
Runtime view of a metal arm surrounded by workshop lamps, parts trays and diagnostic screens
WATCH IT MOVE. THEN TAKE CONTROL.

The workshop opens in a separate window. Reading this page loads neither the arm model nor your camera. Use a desktop browser with WebGPU and allow the model and textures to load. You can explore and control it without enabling a webcam.

Drag to orbit and scroll to zoom. Open Controls for gestures, exploded views and interaction demos. The webcam starts only after you select Start camera and grant permission.

Launch in a new window ↗
01 — FINGERS AND MECHANISMS

Motion beneath the shell.

The idle sequence moves through relaxed fingers, counting, a closed fist and wrist turns. Switch to an exploded or internal view to follow the pulleys, pushrods and return springs. Finger joints, actuator travel and spring compression are driven by the same pose state.

Cylinder bodies keep their length, rods telescope and spring pitch changes. This is a kinematic and visual mechanism study, not an engineering simulation of measured forces, material stress or dynamic response.

02 — YOUR HAND AS INPUT

One gesture, two views.

The camera view shows 21 tracked hand landmarks and their connections, without placing a second 3D hand over yours. Split sync puts tracking beside the workshop. The arm turns on a raised ball mount: the forearm carries broad movement while the wrist completes the palm orientation.

The first camera session downloads the hand-tracking model, then inference runs in the browser. Keep your wrist and fingers in frame; occlusion, lighting and viewing angle affect tracking. Stop the camera whenever you want to return to manual control.

03 — A WORKSHOP TO EXPLORE

Lamps, metal and a workbench.

Tools, spare assemblies, a chair and diagnostic screens surround the arm in a clinical workshop. Move closer to inspect metal finishes, rubber grip surfaces and the joints, or pull back to see the work lights shape the scene. Rendering uses Three.js and WebGPU; the project continues to evolve.

The cover is a capture from Workshop mode and contains no webcam imagery. This site hosts the write-up; the interactive application runs on its own page.

All interactive works →