motion-ui/loaders

Files

T

genesis 29324fca97 init: коллекция анимаций

— Добавлен Rolling Letters Loader (текстовый барабан)
— Добавлен Helix DNA Loader (3D спираль)
— Добавлен Lightsaber Fight Loader (сражение на мечах)
— Добавлен Pancake Cooking Loader (подбрасывание блинчика)
— Добавлен Pong Game Loader (ретро-игра)
— Создан общий README.md с навигационной таблицей

2026-04-04 21:40:15 +03:00

1.3 KiB

Executable File

Raw Permalink Blame History

🎾 Pong Pure Loader

Минималистичный индикатор загрузки, воссоздающий геймплей легендарной игры Pong. Реализовано полностью на чистом CSS.

Особенности

Retro Gaming Vibe: Классическая механика взаимодействия двух ракеток и мяча.
Perfect Timing: Движения обеих ракеток (player_one, player_two) идеально синхронизированы с траекторией полета мяча.
Extreme Lightness: Код занимает всего несколько десятков строк и не требует никаких внешних ресурсов или JS.

Технические детали

Ball Animation: Мяч движется по сложной траектории с использованием linear тайминга для имитации постоянной скорости.
Paddles: Ракетки перемещаются только по оси Y (translateY), имитируя логику игры.
Layout: Использование position: absolute и transform: translate(-50%, -50%) для идеального центрирования на экране.