← BACK TO BLOG

How Do I Make a 3D Circuit Board React to Music?

Open BeamTracer's SILICON CITY visualizer, play a track and choose WAFER STACK. The music raises blocks across a green circuit board while bright tracers follow its routes. In CAMERA, adjust the layered board's tiles, gaps and drift, then add TILE RIPPLE for a wave that lifts the tiles on each beat.

Hi, I'm Trina with BeamTracer.com. I like the moment when a gap opens and you can see another board moving underneath. You can build that stack from a preset, then decide how much of the movement comes from the camera, the tiles and the music.

WAFER STACK, rendered in BeamTracer with the demo track. All examples are silent; the recorded animation still follows the track.

How do I start a circuit-board music visualizer?

Choose SILICON CITY and start with a preset. BLUEPRINT draws pale outlines over a blue board. MONO keeps the board in shades of gray. WAFER STACK opens the layered view with green tiles, white printing and gold routes. Choosing a preset recalls its audio assignments along with its appearance.

  1. Open Silicon City in BeamTracer.
  2. Press Play audio for the demo track, or choose your own file through Audio settings.
  3. Open PRESETS and choose WAFER STACK.
  4. Expand CAMERA and keep VIEW → LAYERED with LAYER LOOK → SOLID.
  5. Adjust TILE GAP and TILE DRIFT while watching the board.
  6. Choose RENDER, select MP4 · H.264 or WEBM · VP9, and use RENDER VIDEO, then SAVE VIDEO when the file is ready.

BLUEPRINT followed by MONO, rendered over the same seven-second section of music.

Silicon City supplies the board and components. CITY changes the blocks, BOARD PARTS changes capacitors and traces, and PRINT controls the digits, readouts and spectrum strip.

How do I separate the board into moving layers?

Under CAMERA, LAYERED adds copies of the board. SOLID cuts those boards into tiles, so the lower copies show through the gaps and past the edges. GHOST gives the boards a see-through treatment. Start with SOLID when you want the gaps and slab edges to read clearly.

ControlWhat to watch
BOARD TILESThe number of pieces across and down the board. WAFER STACK starts at 4 × 2.
TILE GAPSpace between the pieces. Wider gaps also clear components along those edges.
TILE THICKNESSThe visible slab edge beneath each tile.
TILE DRIFTTiles move up and down, carrying their blocks and components.
LAYERSThe number of additional board copies.
DEPTH FOGDeeper parts of the stack fade into the background.

The walkthrough raises TILE GAP to 1.40, TILE DRIFT to 1.10 and TILE RIPPLE to 1.00. Watch the gaps and tile edges as the settings change.

ARRANGEMENT → REPEAT places repeated boards below the main one with a tilt wave through the stack. RANDOM gives the copies their own angles. If the lower boards become hard to distinguish, try reducing DEPTH FOG before increasing the brightness of everything.

How do I make the tiles bounce with the beat?

Raise TILE RIPPLE in the solid layered view. Each beat sends a lift from the board's middle toward the outer tiles. TILE DRIFT adds slower movement between those hits. Keep some gap between the tiles so you can see the displacement.

WAFER STACK changed to 4 × 4 tiles, TILE RIPPLE 2.00, TILE DRIFT 0 and TRAVEL 0, with the camera set to STILL. The blocks keep their own frequency response while the board tiles rise underneath them.

The skyline follows the spectrum from bass to treble. MUSIC → RISE changes how far the sound raises the blocks, and ROLL TIME changes how long that response takes to pass from the front rows to the back. At zero roll time, the rows respond together.

You can also use Assign modulation on a supported slider. For example, route Bass to TILE GAP to open the spaces with low notes. The route changes that slider; it doesn't replace the tiles' separate beat-ripple behavior. See the Silicon City settings reference for the full list.

How do I connect the moving board layers?

Turn on LAYER VIAS in the solid layered view. Copper-colored links span the spaces between neighboring boards. The links follow the boards as the layers tilt and the tiles drift.

LAYER VIAS added to WAFER STACK. The board's horizontal traces and its links between layers are separate details.

In BOARD PARTS, TRACES draws the routes printed on the board. TRACERS adds the moving pulses. TRACER SPEED and TRACER LENGTH change the moving tails, while TRACE OPACITY changes the underlying lines. Turning off Traces can leave the moving tracers visible by themselves.

Can I save the circuit animation as a video?

Use RENDER to save Silicon City as an MP4 or WebM. Choose TEST RANGE → RENDER A SHORT RANGE to check a few seconds before rendering the full track. Wait for VIDEO READY and select SAVE VIDEO. These examples were made through that native render workflow.

A visual circuit board

The printed numbers and traveling lights are an artistic treatment of the music. Silicon City is not a circuit simulator or a readout of your computer's electrical activity. Its visualizer needs a browser and device with WebGPU support.

For output sizes, frame rate and audio options, follow the video export guide.

Build your circuit-board visualizer

Start with Wafer Stack, play your track and open the gaps between the boards.

Open Silicon City

Get BeamTracer updates by email

Email me

At most one email a day and three a week across both. No spam. Unsubscribe anytime.

We email a link to confirm first. Every email has an unsubscribe link. See our Privacy Policy.