Cannonballs smash brick walls in a physics demo
12.2K views · 15 likes · 11 saves · 1 reposts · Posted Sep 25, 2026 · 0:26 · Product & ads
OUR NOTEA demo reel for a WebGPU three.js port of the AVBD physics solver, with cannonballs of live-set size and mass tearing through brick walls; Opus 5.5 cut the reel from one Claude Code prompt.
110k rigid bodies in real time, in a browser tab. Grab anything, fire cannonballs.
Built with Claude Opus 5.5: Augmented Vertex Block Descent (SIGGRAPH 2025, Giles, Diaz & Yuksel) in WebGPU with @threejs . It's a physics solver that stays stable with huge scenes and big mass ratios. Opus 5.5 even put together this whole demo reel video just from a single text prompt in Claude Code haha 🤯
Try it: https://three-avbd.vercel.app
(recorded on an M4 Max, lighter scenes run fine on older computers or on mobile)
Code's here, MIT licensed. Go build something with it, have fun breaking things: https://github.com/sbobyn/three-avbd
#threejs #WebGPUTHE PROMPT
The creator didn't publish a prompt for this one. The post text is below.
MAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
This creator didn't share a prompt. Start from our template instead.
PROMPT TEMPLATE → - 2 · Direct it like an editor
- Ask for one self-contained HTML file on a fixed 1920×1080 stage.
- Link this video as the reference for pacing and style.
- Send two or three rounds of specific notes.
- 3 · Render it to MP4
A short piece like this can be screen-recorded, or captured frame by frame for exact timing.
TURN AN HTML ANIMATION INTO AN MP4 →
The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.
Indexed Sep 28, 2026, 8:28 AM · Views as of indexing. Video and post © their creator.