CSS преимущественно используют для «украшения» веб-страниц, но последние версии языка добавили в арсенал разработчиков ряд новых функций, серьёзно расширив пределы возможного. Чтобы проверить их, лондонский программист Стивен Кук создал клон гоночной игры Mario Kart без единой строки на JavaScript, пишет The Next Web.
Многие важные функции оригинальной игры отсутствуют в CSS-версии — например, другие гонщики и любое ощущение прогресса. Но даже то, что попало в версию Кука, впечатляет, учитывая, на чём он создал свою копию.
Игроки могут менять героев, переключаться между Марио и Боузером, которые при этом неплохо анимированы. А ландшафт меняется по мере продвижения автомобиля, создавая иллюзию движения.
Разработчик подробно описал, как именно он создавал игру. В частности, он отметил, что «никому не рекомендует» создавать попиксельную анимацию с помощью CSS. Кроме этого, он открыл доступ к «песочнице» с кодом проекта.
Релоцировались? Теперь вы можете комментировать без верификации аккаунта.