𝙉𝙚𝙗𝙪𝙡𝙖 𝙋𝙧𝙤𝙟𝙚𝙘𝙩

** MAKE SURE TO ACTIVATE ADVANCED MODE

Nebula Project is a real-time, immersive digital artwork where light, gesture, and sound merge into a responsive audiovisual sculpture. A dynamic 3D particle system—capable of morphing into nebulae, hearts, spirals, and galaxies—reacts directly to the user’s presence. Each formation is shaped through hand-tracking gestures powered by MediaPipe, voice commands, or subtle mouse movements, while reactive soundscapes generated with Tone.js accompany every transformation.

Built entirely within a single HTML file using Three.js, pure JavaScript, and native CSS, the piece is fully self-contained, lightweight, and optimized for low-latency local performance.

At the core of the experience is a continuous “tension factor” driven by the user’s input: an open hand expands the particle field, a pinch rotates it, a spoken command alters its color or shape, and mouse movement fine-tunes its energy. Nebula Project becomes a living canvas—an interactive cosmos sculpted by the user’s gestures, voice, and intent.

Hand Gestures (MediaPipe Hands) Open Hand: Expands and inflates the particle formation. Closed Hand / Fist: Contracts the structure. Pinch (Thumb + Index): Enables rotation; move your pinch point to rotate along X/Y axes. Point + Clench: Selects UI buttons (templates, palettes) without using the mouse.

Voice Commands Say the name of a shape: “Heart,” “Spiral,” “Galaxy” Say a color: “Blue,” “Red,” “Purple” Changes are applied instantly.

Mouse Interaction Move cursor: Slightly rotates and influences particle tension. Click UI buttons: Switch shapes, colors, or reset the scene.

Sliders / UI Controls Particle Count – more or fewer points. Particle Size – adjusts visual density. Morph Speed – controls how fast the system transitions to a new form.

Dev by Daniel Oropeza X: @ferdoropeza