# 🎾 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%)` для идСального цСнтрирования Π½Π° экранС.