⚡ Clash #001 — Physics Simulation

Newton's Cradle

Four AI models tackle a classic physics simulation — building a realistic Newton's Cradle with Matter.js, metallic sphere rendering, and elastic collision physics. Compare the approaches, visual quality, and code structure.

4 Models
HTML/JS Language
Matter.js Physics
Canvas 2D Rendering
Loading…
ChatGPT — Newton's Cradle • HTML/JS ↓ Download
Loading…
Claude — Newton's Cradle • HTML/JS ↓ Download
Loading…
Gemini — Newton's Cradle • HTML/JS ↓ Download
Loading…
DeepSeek — Newton's Cradle • HTML/JS ↓ Download

Comparison

Model Breakdown

ChatGPT
Uses Matter.js with custom Canvas 2D renderer. Features metallic radial gradients, shadow blur effects, and auto-start with 45° pull angle.
329 lines • 9.8 KB
Claude
Full frame structure with legs, cross-bars, and V-strings per ball. Motion trails, reset controls, and a 2-ball toggle mode.
523 lines • 16.2 KB
Gemini
Clean minimal approach with Mouse interaction support. Linear gradient metallic rendering and compact codebase with Matter.js Composite API.
191 lines • 7.1 KB
DeepSeek
Most detailed — side posts, anchor rings, energy tracking indicator, auto-refresh after energy decay, keyboard shortcuts, and HiDPI support.
752 lines • 33.5 KB