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

Дэйв Батиста станет новым Кратосом в сериале 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

Binance открыла ИИ прямой доступ к сделкам: нейросети смогут торговать криптовалютой без участия человека КриптоНейросети 21.08.2026 08:41

В Steam стартовал Anthro Festival 2026: скидки и демоверсии сотен игр с человекоподобными животными Игры 21.08.2026 08:37

Fortnite превратили в музей видеоигр: в новом сезоне появились Соник, Mega Man, механики «Тетриса» и чит-коды Игры 21.08.2026 08:35

Denza готовит трековый гипер-универсал Z9 GT: антикрыло swan-neck, каркас безопасности и возможные 2000 л.с. Автомобили 21.08.2026 08:28

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

Программист создал 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-пакеты, настраивать сборщики или разворачивать локальный веб-сервер — страницу достаточно сохранить на диск и открыть в любом современном веб-браузере.

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