AI vs Physics: Which Bot Nailed This Roller Coaster Animation?

I gave AI a very specific coding prompt: build a single-file HTML/CSS/JS Canvas animation set at night with a roller-coaster hill, a perfect vertical loop, a short train with glowing LED lights, gravity-based speed, and a seamless restart.
The goal was simple: no UI, no controls, just a smooth physics-style animation that looks clean and satisfying. In this video, I compare the result and see which AI handled the roller coaster loop best.
Prompt used:
Create a single-file HTML/CSS/JS Canvas animation set at night: draw a simple roller-coaster track with a hill leading into a perfect vertical circular loop and a flat exit, and animate a short roller train (4–6 connected cars) instead of a single car, with blinking/pulsing LED lights on each car (optionally a chasing pattern) rendered with a soft glow; the train follows the track using gravity-based speed (accelerates downhill, slows uphill) while enforcing a minimum speed so it never stalls and stays on the track even upside down; include a tiny passenger silhouette in the front car. Run with requestAnimationFrame using time-delta for consistent motion, and when the train exits the loop/flat section, teleport it back to the start for a seamless loop.
Tools/ideas in this challenge: HTML, CSS, JavaScript, Canvas 2D, animation loops, fake physics, gravity-based motion, LED glow effects, and seamless looping.
#aicoding #javascript #canvas #rollercoaster #physics #html #css #webanimation #gemini #codingchallenge

Видео AI vs Physics: Which Bot Nailed This Roller Coaster Animation? канала Prompt Playoffs