Стрічка новин

CS:GO виповнилося 14 років: як шутер за $15 пройшов шлях від провального старту до головної гри в історії Steam ІгриКіберспорт 21.08.2026 10:48

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

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

У Steam стартував Anthro Festival 2026: знижки та демоверсії сотень ігор про тварин-гуманоїдів Ігри 21.08.2026 08:37

Софт Технології

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

Наразі автор показав роботу рушія лише на відео. Вихідний код і публічна інтерактивна веб-версія поки не викладені у відкритий доступ, однак розробник планує поділитися деталями реалізації після завершення базових оптимізацій.