Capsid Prototype

Capsid is an interactive browser-based audiovisual prototype built as a static WebGL experience. It combines a Three.js scene, a GLB model, orbit-style camera controls, and Tone.js-driven sound interaction into a single lightweight demo.

Live Demo

Open the prototype

Overview

• Real-time 3D scene rendered with Three.js
• Interactive camera movement via OrbitControls
• Audio behavior powered by Tone.js with user-initiated audio context
• GLB asset loading from static/knobTube.glb
• Mouse and touch input support

Project Structure

• index.html bootstraps the static prototype
• bundle.js contains the compiled application logic
• static/knobTube.glb is the primary 3D asset
• THREE/ and Tone/ contain bundled runtime dependencies

Running Locally

Because this prototype loads local assets at runtime, serve the folder through a simple static server instead of opening index.html directly from the filesystem.

python3 -m http.server 8000

Then open http://localhost:8000.