init: коллекция анимаций
— Добавлен Rolling Letters Loader (текстовый барабан) — Добавлен Helix DNA Loader (3D спираль) — Добавлен Lightsaber Fight Loader (сражение на мечах) — Добавлен Pancake Cooking Loader (подбрасывание блинчика) — Добавлен Pong Game Loader (ретро-игра) — Создан общий README.md с навигационной таблицей
This commit is contained in:
Executable
+15
@@ -0,0 +1,15 @@
|
||||
# 🎾 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%)` для идеального центрирования на экране.
|
||||
Reference in New Issue
Block a user