Coal Heater: мини-игра на кухне в изометрии
Изометрическая кухня на странице 404: нужно разжечь угли, не устроив пожар. Тепло, огонь, вода и тени рассчитываются в самой игре.
Попробуйте мышью или касанием.
Задача
Страница 404 обычно тупик. Мы хотели превратить её в короткую игру, которая запоминается, не мешает сайту и работает на любом устройстве.
Решение
- У каждого угля две стороны со своей температурой: тепло передаётся от сковороды, поэтому уголь нужно переворачивать.
- Огонь может перекинуться на соседние угли, а потушить его можно огнетушителем или водой: сковороду наполняют у раковины.
- Динамические источники света и отбрасываемые тени меняют картинку вместе с накалом углей.
- Лучшее время сохраняется как рекорд в браузере (localStorage), и игроку есть что побеждать при повторной попытке.
Подробности
- Управление мышью, касанием и клавиатурой: игра доступна и без мыши.
- Графика изометрическая, в стиле пиксель-арта, спрайты строятся программно.
Технологии
- Canvas 2D
- Isometric rendering
- Dynamic lighting
- Pointer Events
- Keyboard
- TypeScript