Можно ли действительно воспроизвести функциональную версию Minecraft, не написав ни единой строчки JavaScript? Да, и именно этого добился Бенджамин Астер , разработчик, который спроектировал небольшой кубический мир из блоков 9 x 9 x 9, используя только HTML и несколько сотен строк CSS . Инициатива, столь же техническая, сколь и оригинальная, ставит под сомнение ограничения, которые, как считалось ранее, были наложены на Интернет.
Проект основан на методе, который столь же гениален, сколь и удивителен: около 40 000 HTML-тегов , в основном <blocks> <label>
и <blocks> <input type="radio">
, используются для представления блоков и отслеживания их статуса. Взаимодействуя с этими элементами, вы можете изменять мир, размещать или удалять блоки или даже имитировать воздух, который здесь рассматривается как отдельный тип блоков.
3D-вращение, управляемое CSS
Никакого движка рендеринга или динамических вычислений: переход к 3D основан на CSS-анимациях , которые преобразуют отображаемые элементы для имитации глубокого вида. Пользователь может вращать сцену или менять ее угол, просто нажимая на элементы управления. Умная система позволяет запускать или останавливать эти визуальные эффекты, придавая всему этому удивительно плавный вид для такой принципиально «статичной» конструкции.
Протестировать игру можно по этой ссылке .
Интригующее доказательство концепции
Очевидно, что этот клон не предназначен для конкуренции с настоящим Minecraft, но он, безусловно, привлекает внимание своим смелым дизайном . Бенджамин Астер доказывает здесь, что с небольшой долей креативности (и большим терпением) HTML и CSS могут выйти далеко за рамки своего обычного использования . Сама идея управления таким сложным интерфейсом без JavaScript казалась немыслимой... пока кто-то это не сделал.
Инициатива уже вызвала реакцию нескольких разработчиков на X (ранее Twitter), включая Саймона Уиллисона , который предлагает более подробный технический анализ этой «CSS-версии Minecraft». Исходный код проекта доступен на GitHub для тех, кто хочет заглянуть за кулисы этого необычного достижения.
