Рубрика блога J2DRU.
Как собрать пинг-понг в браузере на JavaScript: управление для двоих на одной клавиатуре через KeyboardEvent.code, отскоки и ускорение мяча с потолком скорости, подача к проигравшему и компьютерный соперник, который предсказывает точку прилёта с отскоками, но реагирует с задержкой и ошибается. Три уровня сложности с измеренной долей отбитых мячей, код проверен в Node.js 24.
Как сделать плавное движение в 2D-игре без физики: формула твина от прошедшего времени, функции плавности linear, ease-in, ease-out, ease-in-out и с перелётом, их аналоги в CSS cubic-bezier, платформа по маршруту с постоянной скоростью и перенос стоящего на ней игрока. Код проверен в Node.js 24.
Как создавать и удалять снаряды, монеты и частицы в 2D-игре без ошибок и лишней нагрузки: формула «одновременно на экране = время жизни ÷ интервал создания», почему нельзя удалять объект из массива во время обхода, отложенное удаление с флагом и swap-and-pop, пул объектов со списком свободных и проверенный в Node.js код на JavaScript.
Три способа двигать героя в 2D-игре на JavaScript: шаг по клеткам по таймеру с плавной отрисовкой, свободное движение со скоростью v × dt и гибрид, как в Pac-Man, — плавные пиксели, решения по клетке центра, доворот до центра полосы, окно и буфер поворота, проверка обмена клетками. Пересчёт скорости из клеток в пиксели, код проверен в Node.js.
Как работает поиск пути A* в 2D-игре на тайловой карте: чем он отличается от поиска в ширину, Дейкстры и жадного поиска, какую эвристику брать для 4 и 8 направлений, как задать стоимость клеток, разбить ничьи, не обходить всю карту, когда пути нет, и уложиться в бюджет кадра.
Как сделать HUD браузерной 2D-игры, который не уезжает с экрана и не прячется под вырез телефона: экранные координаты против мировых, якоря и отступы, масштаб от опорного разрешения 1280×720, безопасные зоны env(safe-area-inset-*) и размер цели касания 24 и 44 CSS-пикселя по WCAG 2.2. Код проверен в Node.js 24.
Пошаговая логика игры «Змейка» на JavaScript: таймер шага с накопителем, хвост как массив клеток, переход через край по остатку от деления, очередь поворотов без разворота на 180°, еда только в свободных клетках. Код с тестами, проверенный в Node.js 24.
