avatar
Хабр
@habr_com
21.03.2026 00:00
Туман войны на чистом JS: обновление классического Pac-Man

Слепое копирование ретро-механик быстро приедается, поэтому в браузерный клон жёлтого пожирателя точек внедрён эффект частичной видимости карты. Суть технической реализации:

Матрица и коллизии. Архитектура уровня опирается на двумерный массив, который надёжно обрабатывает столкновения со стенами без сложных вычислений.

Рендеринг. Плавность шагов обеспечивается стандартным циклом requestAnimationFrame.

Отрисовка тумана. Расчёт дистанции от героя до ячеек скрывает дальние секции полупрозрачным фильтром, усложняя отслеживание четырёх призраков.

Изучим алгоритмы этого пет-проекта.
👍 16
10
🤔 8
💯 7
🔥 4
👏 3
😍 2
🤗 2
💩 1
😇 1
1 54 19.3K

Обсуждение 1

Обсуждение не доступно в веб-версии. Чтобы написать комментарий, перейдите в приложение Telegram.

Обсудить в Telegram

Хабр

129.4K
НЛО с вами!

№ 5197888779

Хабр Новости → https://t.me/habr_com_news
Хабр Карьера → https://t.me/habr_career
Реклама → adv@habr.team
Открыть в Telegram