Лента новостей

Bitcoin пробил $76 000: криптовалюта показывает лучшую неделю за 2,5 года Крипто 21.08.2026 10:53

CS:GO исполнилось 14 лет: как шутер за $15 прошёл путь от провального старта до главной игры в истории Steam ИгрыКиберспорт 21.08.2026 10:48

Второй сезон «Голубоглазого самурая» выйдет в январе 2027 года: Мидзу отправится в Лондон, а сериал уже продлили на финальный сезон Кино/Сериалы 21.08.2026 10:40

Cyberpunk: Edgerunners 2 выйдет 20 октября: новый трейлер аниме раскрыл сюжет и героев ИгрыКино/Сериалы 21.08.2026 10:35

Дэйв Батиста станет новым Кратосом в сериале God of War: Amazon переснимет уже готовые серии ИгрыКино/Сериалы 21.08.2026 09:55

В Steam заметили «Sekiro про собаку»: пёс с мечом в зубах парирует удары и делает стелс-киллы Игры 21.08.2026 09:43

Умершего Вэла Килмера вернули на экран с помощью ИИ: цифровая версия актёра получила полноценную роль в кино Кино/СериалыНейросети 21.08.2026 09:30

Anthropic запустила Claude Academy: бесплатная образовательная платформа учит принципам работы с ИИ и защите от потери навыков Нейросети 21.08.2026 09:13

Раскладной MicroLED-экран за полмиллиона долларов: Bugatti и C SEED показали телевизор, прячущийся в тумбу ГаджетыТехнологии 21.08.2026 09:03

TeamSpeak 6 получил 4K-стриминг, новый интерфейс и режим Picture-in-Picture: сервис готовится к прямым звонкам без серверов Софт 21.08.2026 08:59

Домашний робот-помощник за $1688: стартап Nori Robotics представил бюджетного двурукого компаньона ГаджетыТехнологии 21.08.2026 08:50

Софт Технологии

Программист создал 3D-город в одном HTML-файле: весь киберпанковый мир рендерится из текста и символов

Max Ivanov · 21.08.2026 08:11 · 2 минуты чтения

Разработчик с YouTube-канала Grow Now! Games представил необычный интерактивный прототип: трёхмерный киберпанковый город, который работает прямо в браузере и полностью умещается в единственном HTML-файле.

Проект реализован без Unity, Unreal Engine, полигональных 3D-моделей, сторонних библиотек, готовых текстур или шейдеров. Вместо привычного стека автор написал собственный компактный движок на чистом JavaScript и HTML5 Canvas, где всё графическое окружение генерируется исключительно с помощью цифр, букв и ASCII-символов.

Полноценный 3D-рейкастинг вместо стилизованного фильтра

Созданный мир не является плоской анимацией или постобработкой видео. Город представляет собой полноценную пространственную сцену, построенную на трёхмерной сетке, где расположены небоскрёбы разной высоты, дороги, деревья, фонари, а также движущийся трафик из автомобилей и пешеходов.

Отрисовка каждого кадра происходит с помощью рейкастинга (raycasting):

Движок пускает виртуальные лучи из камеры игрока, вычисляя глубину сцены, перспективу, перекрытия объектов и коллизии.
Затем координаты трансформируются в символы разного размера, цвета и яркости: ближние к зрителю здания и объекты отображаются крупным и ярким шрифтом, а удалённые кварталы уменьшаются и плавно растворяются в темноте.

По улицам города можно свободно перемещаться с видом от первого лица, рассматривая неоновые вывески и трафик под разными углами.

Минимализм без зависимостей

Демонстрация проекта вызвала активный интерес в сообществах на Reddit и Tildes. Пользователи и разработчики оценили архитектуру «всё в одном файле», избавляющую от необходимости собирать тяжелые npm-пакеты, настраивать сборщики или разворачивать локальный веб-сервер — страницу достаточно сохранить на диск и открыть в любом современном веб-браузере.

На текущий момент автор показал работу движка только на видео. Исходный код и публичная интерактивная веб-версия пока не выложены в открытый доступ, однако разработчик планирует поделиться деталями реализации после завершения базовых оптимизаций.