genesis
29324fca97
— Добавлен Rolling Letters Loader (текстовый барабан) — Добавлен Helix DNA Loader (3D спираль) — Добавлен Lightsaber Fight Loader (сражение на мечах) — Добавлен Pancake Cooking Loader (подбрасывание блинчика) — Добавлен Pong Game Loader (ретро-игра) — Создан общий README.md с навигационной таблицей
16 lines
1.3 KiB
Markdown
Executable File
16 lines
1.3 KiB
Markdown
Executable File
# 🎾 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%)` для идеального центрирования на экране.
|