Three.js Gallery: коллекция интерактивных WebGL-демо

Проблема

Показать глубину владения Three.js на одном стандартном лендинге сложно: свет и тени, Web Audio, нестандартная геометрия, физика вождения или воссоздание чужого UI — каждая техника требует отдельного рабочего примера, а не строчки в списке навыков.

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

Формат: каждое демо — отдельный index.html

Вместо одного большого приложения — коллекция самостоятельных проектов на Three.js, у каждого свой index.html и своя дорожная карта развития «от MVP до профессиональной графики». На момент проверки в галерее 12 демо, от инженерных экспериментов до тематических 3D-сцен.

Инженерные демо: 4D-математика, Web Audio, ASCII-рендер

4D Hypercube Shadow проецирует четырёхмерный тессеракт в 3D-пространство и отбрасывает 2D-тень, с вращением в плоскостях XW/YW/ZW в реальном времени. Tiny Clockwork Music Box — заводная музыкальная шкатулка с шестернями, барабаном с шипами, 32 язычками и синтезом мелодии через Web Audio API — заводится ключом и проигрывает звук без единого аудиофайла.

Donut Terminal рендерит классический вращающийся тор из donut.c прямо текстовыми ASCII-символами в стиле терминала на Three.js, а Three.js Room — интерактивная 3D-комната со свободной камерой, освещением, тенями и постобработкой сцены.

Тематические сцены: авиация, боевые роботы, ретро-UI

Несколько демо воссоздают детализированные 3D-модели техники с интерактивным осмотром — концепт-самолёт Lockheed CL-1201, немецкий реактивный Horten Ho 229, армейский самолёт-носитель и советский экраноплан МД-160 «Каспийский монстр» с крылатыми ракетами и морским прибоем.

Другие демо — про полноценные интерактивные сцены: выбор из трёх сухопутных линкоров (Ratte, Т-35, вымышленный «Штурмфестунг») с общим полем боя на 6 локаций, вождением и стрельбой; битва Стального Гиганта против МехаГодзиллы с HP-барами и спецэффектами; Тумблер «Акробат» — бэтмобиль с режимами атаки и стелса. Отдельно — Windows XP Desktop, воссозданный рабочий стол на чистом HTML/CSS/JS с меню «Пуск», окнами и фирменным фоном Bliss.

Результат

На момент проверки в галерее 12 демо разной сложности — от 4D-математики и синтеза звука до детализированных 3D-моделей военной техники и воссозданного ретро-интерфейса, — каждое со своими тегами технологий и ссылкой «Открыть демо».

Проект развёрнут на Cloudflare как полностью статический сайт, исходники открыты на GitHub (Ecomdev-Labs/threejs-gallery-uz), а список демо продолжает расти по собственной дорожной карте, а не заморожен на дату публикации кейса.