HYPERVOXEL / AUDIO STUDIO

Start HyperVoxel with its launcher

This page was opened directly from a folder. HyperVoxel needs its local server to read your images and render video.

In the same folder as this page, double-click Start HyperVoxel.cmd. It starts the app and opens it in your browser.

If HyperVoxel is already running, continue here:

Open local preview

Your photos and music stay on this computer.

IMAGE / SOUND / FORM

HYPERVOXEL

6.5 · AUDIO STUDIO— FPS
Starting renderer…

01 / YOUR IMAGE

Starting the HyperVoxel cube…

02 / SHAPE

Sample silhouette · photo colors retained

Load an SVG or image to shape your photo voxels. Transparent areas define the outline; opaque images form a rectangle.

Slow, flowing transformations through fast assembly. Adjust before or during a shape change.

03 / SOUND → MOTION

Choose music or use your microphone.

Click a band to mute its motion. Depth shows its loudness. Bass resonates at the center; mids and treble ripple through outer rings.

From still to deep waves. 100% is the previous maximum; 1,000% gives ten times the depth range.

Controls the travel of audio ripples and Shockwave. Music playback speed stays the same.

04 / INTERACTION

Click a visible voxel from any camera angle, then drag. Tools reach individual voxels within a 3D sphere; smaller Touch radius makes finer edits. Right-drag pans the camera; scroll zooms in any mode. Gravity drops every cube while held. Explode bursts the whole shape from your click. Hovering never activates a tool.

Slows or accelerates pressed tools, falling cubes and explosions, including their return motion. Force controls reach.

05 / RENDER & RECORD

For a smooth music video, use Render Every Frame. For a performance with mouse tools and camera moves, use Record Live.

Creates a new video from the current shape and camera, with synchronized music. It does not replay an earlier recording or mouse performance.

How to render a smooth video
  1. Load a music file. Choose its starting point with Track position. Playback can be paused.
  2. Choose your shape, camera view and motion settings. If the button says Resume, press it to enable animation.
  3. Choose WebM video, Full HD or 4K, 60 fps, and a clip length. Try 10 seconds first.
  4. Click Render Every Frame, choose where to save, and keep this tab open until the progress reaches 100%.
  5. Open the saved .webm video. Rendering may take longer than the clip itself; slow preview motion during rendering is normal.

The scene and controls are held while rendering, then restored. Automatic rotation works in Orbit mode. PNG frames + WAV is an advanced option: assemble the numbered images and audio in a video editor.

Records as you perform. Play music first to include it, then click Record Live; click again to stop. Keep this tab visible. Live recording continues until you stop it; the clip length above applies only to rendering.

Choppy recording? Try Full HD, 30 fps and 400 px image detail. Live capture depends on computer speed; selecting 60 fps cannot guarantee 60 captured frames each second. Use Render Every Frame for consistent final timing.

Quality & compatibility

4K / 8K and 120 fps are output targets, subject to encoder support. No resolution is reduced automatically. Exports contain the canvas only. All images and music stay on this computer.

Open the previous renderer

S / L / R / C / K: shapes · Space: freeze
1–8: interactions · Esc: reset interaction