Animation Basics
Make things move! Learn to build bouncing balls, spinning coins, glowing buttons, and game sprites you can drop straight into your own games and websites.
What You'll Learn
Description
L'animazione è ciò che rende vivi i giochi e i siti web. Un pulsante che brilla al passaggio del mouse, una moneta che gira, una palla che rimbalza, un personaggio che scivola sullo schermo: tutto questo è animazione, e ogni pezzo puoi costruirlo da solo.
In questo tutorial il tuo avatar di Vibe Coding Academy ti guida attraverso codice vero da copiare e incollare. Inizierai con semplici effetti hover, salirai di livello con le animazioni in loop @keyframes, poi controllerai il movimento fotogramma per fotogramma con JavaScript — lo stesso trucco che usano i giochi veri. Ogni frammento è tuo da incollare, eseguire e modificare.
Alla fine avrai pulsanti animati, una palla che rimbalza, una moneta che gira e uno sprite che puoi muovere con i tasti freccia — più i prompt per l'IA per generarne altri quando vuoi.
What's Inside
4 hands-on chapters • about 1.5 hours of fun.
- 1Introduzione — cos'è davvero l'animazione + il tuo primo effetto hover
- 2Far muovere le cose — @keyframes, una palla che rimbalza e una moneta che gira
- 3Effetti fighi e tempismo — transform, easing e una pulsazione luminosa
- 4Anima il tuo progetto — uno sprite di gioco in JavaScript che puoi controllare
