Cliquez (ou touchez) l'écran pour laisser tomber une balle colorée. Les pegs fixes dessinent le mot
ANNABELLE en grille de points, complétés par une pente de pegs très serrés du coin
haut-gauche vers le coin bas-droite (sans jamais empiéter sur les lettres) sur laquelle les balles
peuvent rouler, avec gravité et friction en JavaScript pur — aucune librairie.
Balles: 0
Ce que ça enseigne: boucle d'animation (requestAnimationFrame), intégration de la gravité et de la
vélocité, friction/rebond (restitution), détection de collision cercle-cercle contre des pegs
statiques et les murs du canvas, génération d'une disposition de pegs à partir d'une police en
grille de points (matrices 5×7 par lettre) pour former le mot ANNABELLE, et une pente diagonale de
pegs rapprochés (rayons qui se chevauchent) filtrée par test de boîte englobante pour ne jamais
chevaucher les lettres — assez dense pour laisser les balles rouler dessus.
Prompt utilisé pour générer cette page :
"Build a casual physics game in one HTML file. Use the HTML5 Canvas API. Drop colorful bouncy balls
by clicking the screen. Place stationary pegs that balls bounce off. Include gravity and friction.
Add a clear-all button then add it to lab"