16 lines
1.3 KiB
Markdown
16 lines
1.3 KiB
Markdown
|
# 🎾 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%)` для идеального центрирования на экране.
|