Animation Basics

Анимация — это то, что делает игры и сайты живыми. Кнопка, которая светится при наведении, вращающаяся монета, прыгающий мяч, персонаж, скользящий по экрану — всё это анимация, и каждую её часть ты можешь построить сам.

В этом уроке твой аватар из Vibe Coding Academy проведёт тебя через настоящий код, который можно копировать и вставлять. Ты начнёшь с простых эффектов при наведении, перейдёшь к зацикленным анимациям с @keyframes, а затем будешь управлять движением кадр за кадром с помощью JavaScript — тем же приёмом, что используют настоящие игры. Каждый фрагмент — твой, чтобы вставить, запустить и поэкспериментировать.

В итоге у тебя будут анимированные кнопки, прыгающий мяч, вращающаяся монета и спрайт, который можно двигать стрелками — плюс промпты для ИИ, чтобы создавать новое когда захочешь.