DOOM запустили на CSS!

Для тех, кто далёк от веб-разработки — CSS это язык, который отвечает за внешний вид сайтов. Цвета, шрифты, расположение элементов на странице. По сути, это «косметика» интернета. И вот кто-то умудрился сделать на этой косметике полноценный шутер.

Разработчик Нильс Ленхеер собрал играбельную версию DOOM 1993 года, где каждая стена, пол, бочка и каждый демон — это обычный элемент веб-страницы. Тысячи таких элементов расставлены в трёхмерном пространстве. Игровая логика работает на JavaScript, но весь визуал — чистый CSS. Браузер сам считает тригонометрию, анимирует двери и лифты, вращает спрайты врагов лицом к игроку.

Отдельная хитрость — в CSS нет понятия «камера». Поэтому Нильс двигает не взгляд, а весь мир вокруг игрока. Шагнул вперёд — мир сдвинулся назад. Поднялся по лестнице — лестница уехала вниз. Классический трюк из 3D-графики, но реализованный средствами, которые изначально создавались для оформления кнопок и менюшек.

Данные карт берутся из оригинального файла игры 1993 года. Кстати, проект вырос из другого безумия того же автора — раньше он запускал DOOM на осциллографе 80-х.

На больших картах браузер, конечно, задыхается, а Safari на iOS может просто упасть. Поиграть можно прямо на сайте автора. Залипательно!

@droidergram