Две цели Структура Полигон 340 3D-улов Студии Клубы DE/UK/NL Юг/СНГ/мир Галереи и культура

Участок: студии и аттракционы — улов

Поправка 2026-08-30 (Жан). Везде ниже, где сказано «наш сигнальный красный #FB3B1E» или «наш акцент — красный», — ошибка: у Colossus постоянного цветного акцента НЕТ (брендбук: монохром «от белого до графита», сезонные цвета только по согласованию). Технические выводы о референсах остаются в силе; сравнения «их красный = наш» — нет.

Разведка по списку w1-studios-legend.md (48 студий + 18 сайтов-аттракционов). Все 66 адресов проверены. Доказательства двух родов: браузерный зонд probe-browser.jsonl (перехват создания графического контекста в headless-Chromium) и собственный разбор бандлов через curl — скачанные чанки грепались на маркеры движка, имена униформ, GLSL-фрагменты и имена ассетов. Там, где доказательство слабое, это сказано прямо.

Статус: проход завершён 2026-08-29.

Что это дало в одну строку

Зонд поймал живой графический контекст у 37 из 66 адресов (плюс EverSwap и Chungi Yoo, где зонд отвалился по таймауту, а 3D доказано разбором бандла — итого 39). Но приёмов, которые ложатся на брендбук Колоссуса, нашлось четырнадцать, и три из них закрывают ровно те места направления v3, где до сих пор стояло «как-нибудь сделаем»: матке́п вместо env-карты (пик 17, жидкий металл), DOM-синхронизированный оверлей (один канвас на все ховер-эффекты) и шумовой ревил по u_progress (пик 13, прелоудер-маска). Главное открытие по ДНК — concrete-01.ktx2 в бандле Steven.com: бетон в 3D делают одной сжатой текстурой, а не процедурой. Главное разочарование — prometheusfuels.ai, самая «наша» позиция списка («тяжёлый индустриальный 3D: металл и свет»), теперь обычный WordPress.

ТОП (ранжировано)

1. Unseen — https://unseen.co

Движок (доказательство): зонд — is3d=true, контексты webgl2 + webgl + 2d, глобал __THREE__, 1 канвас. Собственная проверка бандла (wp-content/themes/unseen/public/scripts/theme.js, 418 КБ + vendor 1,17 МБ): 28 упоминаний GLTFLoader, 7 DRACOLoader, 16 roughness, 10 metalness, 7 transmission, 7 envMap, 85 вхождений noise. В исходниках лежат реальные ассеты сцены: room-1.glb, room-2.glb, rocks.glb, land-group.glb, models/world/grab.glb, models/project-menu/arch-dc.glb, images/project-menu/arch.ktx2. Доказательство сильное: это полноценная GLTF-сцена, не фон-шейдер.
Что там происходит: в бандле лежат три вещи, которые важнее общего впечатления. Первая — материал на двойном матке́пе (uniform sampler2D uMatcapLight; uniform sampler2D uMatcapDark; плюс uTransition, ветки #ifdef LIGHTMODE / #ifdef TO_LIGHTMODE): металл рисуется одной текстурой-диском, без HDR-карты и без PMREM-прогрева, и умеет перетекать между светлой и тёмной версией. Вторая — шейдер перехода между сценами: две отрисовки складываются в u_fromScene / u_toScene, и раскрытие идёт функцией circle(), край которой рвётся шумом из u_noise (noiseReveal, noiseEdge) по u_progress. Третья — флюид-солвер (uFluidTexture, uVelocity, uDelta): скоростное поле от курсора, которым потом сдвигают текстуру.
ЧТО БЕРЁМ для Колоссуса:
Матке́п вместо env-map для «жидкого металла» (пик 17). Наш liquid-metal-шейдер по direction-v3 висит на «процедурной env-карте из монолита»; матке́п даёт тот же хром одной картинкой ~40–80 КБ, без PMREMGenerator и без прогрева на первом ховере. Прямо снимает половину бюджета three-чанка (≤160 КБ async).
Шумовой круговой ревил как маска прелоудера (пик 13). u_progress от 0 до 1 с рваным шумом по краю — это ровно «маска перехода в hero», а не отдельная заставка. И тот же шейдер переиспользуется на переходах между полноэкранными медиа-секциями.
Флюид-поле от курсора как ховер-фактура на трёх разрешённых типах элементов (карточки цифр, CTA-плиты, обложки /cast): дешёвая пинг-понг-текстура 128×128, а не честная физика.
Тёмная монохромная подача с материальными объектами в кадре — это ДНК «металл и бетон» один в один.
ЧТО НЕ БЕРЁМ: интерьерную «уютную» предметку (chair.glb, pillows.glb, grass-simple.glb, butterfly.glb) — у них мягкий продуктовый мир, у нас индустриальная масса. Светлый режим сайта и переключатель тем — нам не нужен, у Колоссуса чёрный канон. Игровой курсор-рука (grab.glb / pointer.glb) — чужой аттракцион.
ВАУ 5 / ТРУД 3. Матке́п и круговой ревил на статике делаются буквально одним ShaderMaterial и одним фуллскрин-квадом — никакой серверной части. Труд поднимает не шейдер, а дисциплина: держать ОДИН WebGL-контекст на страницу (закон эффектов v3.1) и прогревать шейдер на idle.

2. EverSwap — https://everswap.com

Движок (доказательство): браузерный зонд споткнулся (fail: TimeoutError: Page.goto), поэтому доказательство собрано вручную и оно даже прочнее. Единственный бандл /_astro/hoisted.D5QinsOB.js (731 КБ) содержит three.js целиком и внутри него: transmission ×70, envMap ×82, thickness ×39, refract ×24, ior ×21, fresnel ×14, matcap ×23, InstancedMesh ×11, simplex ×12, fbm ×7, PMREM ×13. Плюс полный набор униформ симуляции: u_screenPaintTexture, u_flowTexture, u_simSize, u_delta, u_texelSize, u_flowTime, u_amount.
Что там происходит: это не «частицы», как записано в исходном списке. Внутри две разные машины. Первая — экранный «пейнт»-буфер: курсор рисует в screen-space-текстуру (u_screenPaintTexture + u_delta + u_texelSize = классическая пинг-понг-адвекция), и эта текстура потом гоняет u_flowTexture как поле течения. Вторая — честный физматериал жидкости: transmission + thickness + ior + refract + fresnel на MeshPhysicalMaterial, то есть преломляющее тело, а не картинка жидкости.
ЧТО БЕРЁМ для Колоссуса:
Экранный пейнт-буфер как реализация «жидкого металла» (пик 17). Именно этот приём даёт «блок при наведении окрашивается в жидкий металл»: курсор пишет в маленькую (128×128) текстуру, она искажает матке́п-хром на карточке. Стоит копейки, живёт в одном канвасе, гасится на тач-устройствах.
Fresnel как способ дозировать блеск. Металл, который светится только по кромке объекта, читается как «настоящий», а не как Y2K-хром — ровно та тонкость, которую Жан просил («очень тонко, мягко»).
Разделение «поле течения» и «материал»: у нас поле общее (одно на страницу), а материалов может быть три (карточки цифр, CTA, обложки /cast) — это ложится на закон эффектов v3.1 без нарушений.
ЧТО НЕ БЕРЁМ: прозрачное стекло и преломление (transmission/ior) как основной материал — это финтех-глянец, у Колоссуса непрозрачный металл и бетон. Разноцветные u_color0/u_color1 градиенты — у нас монохром плюс одна красная фраза.
ВАУ 5 / ТРУД 4. Пейнт-буфер дешёвый; дорого стоит MeshPhysicalMaterial с transmission (он и не нужен) и правильное гашение на слабых GPU. Берём половину механики — и ТРУД падает до 3.

3. Zentry — https://zentry.com

Движок (доказательство): зонд — is3d=true, контексты webgl2 + 2d, глобал __THREE__, 3 канваса, библиотеки lenis, three, spline. Проверил бюджет руками: three живёт отдельным ленивым Nuxt-чанком /_nuxt/three.module.fMA-iDlM.js = 173 КБ raw / 46 КБ gzip; входной entry.DyOw_SuG.js — 2,8 МБ и в нём НЕТ ни одной GLSL-униформы. То есть 3D подгружается отдельно от каркаса.
Что там происходит: на главной 6 тегов <video> и один канвас — то есть «3D-мир» Zentry в большой степени сделан видео-лупами, а WebGL включается точечно. В разметке живут классы hero__spline / hero__splineContent и флаг splinesLoaded — герой собирается из сплайновых траекторий поверх видео.
ЧТО БЕРЁМ для Колоссуса: (уже принят Жаном как генеральный референс, пик 16 — здесь фиксирую то, что видно только по коду)
Цифра бюджета. 46 КБ gzip на three-чанк — это доказанный потолок, который держит сайт такого класса. Наш лимит из v3.1 (≤160 КБ async) взят с большим запасом; можно целиться в 60–70 КБ и не тащить постпроцессинг.
Пропорция «видео : WebGL» = 6 : 1. Главный урок: ощущение большого 3D-мира создают полноэкранные видео, а шейдер добавляет один слой сверху. Это буквально формула v3 («каркас Zentry × полноэкранные медиа площадки») — и она дешевле, чем кажется.
Ленивая загрузка сцены отдельным чанком, а не в общем бандле — паттерн под наш dynamic(..., {ssr:false}).
ЧТО НЕ БЕРЁМ: их типографику и фирменные шрифты (решено пиком 14), цветной игровой мир, 2,8 МБ входного бандла.
ВАУ 5 / ТРУД 3. Труд средний именно потому, что тяжёлое здесь — видео-продакшн, а не код; а видео площадки у нас уже есть (video-manifest).

4. Steven.com — https://steven.com (OFF+BRAND, 2026)

Движок (доказательство): зонд — is3d=true, webgl2 + 2d, глобал __THREE__, 2 канваса. Разобрал архитектуру руками: страница — обычный Webflow (cdn.prod.website-files.com), а вся сцена приезжает ОТДЕЛЬНЫМ приложением https://steven-henna.vercel.app/app.js (1,88 МБ). Внутри: WebGLRenderer ×34, gl_FragColor ×166, envMap ×112, roughness ×131, transmission ×100, metalness ×59, matcap ×40, InstancedMesh ×32, GLTFLoader ×24, DRACOLoader ×7, VideoTexture ×14, troika ×31 (3D-текст), gsap ×85, lenis ×16. Ассеты: STEVEN_system-ktx2-04.glb, STEVEN_creatorEvents-ktx2-03.glb и текстуры /textures/ktx2/… — среди них буквально concrete-01.ktx2.
Что там происходит: три вещи, каждая из которых нам нужна. (1) Собственный шейдер отражающего пола: униформы REFLECTION_GROUND_BASE_COLOR, REFLECTION_COLOR_A, REFLECTION_COLOR_B, REFLECTION_INTENSITY, GLOW_STRENGTH — объект стоит на мокром тёмном полу и отражается в нём. (2) VideoTexture — реальное видео натянуто на геометрию в сцене, а не лежит отдельным слоем под ней. (3) Переходы между разделами идут через униформы uSceneTransition / uTransition, курсор входит в шейдер как uMousePosition + uMousePace (не позиция, а СКОРОСТЬ курсора — от неё зависит сила эффекта).
ЧТО БЕРЁМ для Колоссуса:
Архитектурный паттерн «статический хост + отдельно задеплоенное приложение сцены». Webflow физически не умеет собрать three-сцену — и её просто подключили внешним бандлом. У нас та же ситуация: Next.js output: 'export' на CF Pages + сцена через dynamic(..., {ssr:false}). Доказательство, что схема работает на сайте уровня SOTD.
concrete-01.ktx2 — прямой ответ на вопрос «как показать бетон в 3D дёшево»: одна сжатая KTX2-текстура бетона на плоскость. Материальная ДНК Колоссуса, а не процедурный шум.
Отражающий пол — это готовый рецепт «монолита»: тёмная плоскость с двухцветным отражением и управляемой интенсивностью. Смотрится дороже, чем стоит.
VideoTexture на геометрии — вот как «большой контент» (пик 3) и 3D перестают быть двумя разными слоями: видео площадки живёт ВНУТРИ сцены, на грани бетонного блока.
uMousePace вместо uMousePosition. Эффект от скорости курсора, а не от его координат — движение ощущается физическим. Дешёвая правка нашего pointer-шедулера.
KTX2 + DRACO как обязательный конвейер сжатия, если в сцену вообще попадёт модель.
ЧТО НЕ БЕРЁМ: богатый цветной мир и «армиллярную сферу», их 1,88 МБ бандла (у нас потолок 160 КБ на three-чанк — значит модели и постпроцессинг вообще не берём, берём плоскость + текстуру + отражение), transmission-стекло.
ВАУ 5 / ТРУД 4. Полная сцена — за нашим бюджетом. Но подмножество «бетонная плоскость + отражение + VideoTexture» умещается в один канвас и десятки килобайт. Труд 4 стоит за честность: сделать это красиво = недели, а не вечер.

5. Lusion — https://lusion.co/work

Движок (доказательство): зонд — is3d=true, webgl2 + 2d, __THREE__, 3 канваса. Бандл /_astro/hoisted.CUO_IjfL.js (1,22 МБ) разобран: matcap ×58, envMap ×81, bloom ×59, velocity ×39, WebGLRenderTarget ×14, VideoTexture ×14, InstancedMesh ×13, curl ×17 (curl-noise). И главное — набор униформ u_domXY, u_domWH, u_activeRatio, u_showRatio, u_texelSize, u_noiseStableFactor.
Что там происходит: u_domXY и u_domWH — это координаты и размеры DOM-элемента, переданные в шейдер. То есть у Lusion ОДИН полноэкранный канвас, который знает, где на странице лежит каждая карточка, и рисует эффект ровно в её прямоугольнике; u_activeRatio — прогресс ховера конкретного элемента, u_showRatio — прогресс появления при скролле. Отдельного канваса на карточку нет.
ЧТО БЕРЁМ для Колоссуса: это недостающая архитектурная деталь пика 17 и закона эффектов v3.1.
DOM-синхронизированный оверлей. Наш «жидкий металл ровно на трёх типах элементов» строится так: один полноэкранный канвас поверх страницы, getBoundingClientRect() наведённого элемента уходит в u_domXY/u_domWH, шейдер красит только этот прямоугольник. Это буквально формулировка «на /cast — один плавающий канвас на наведённую обложку, не 13», но подтверждённая рабочим сайтом и с готовыми именами униформ.
u_activeRatio / u_showRatio как две отдельные шкалы — ховер и появление при скролле не смешиваются в одну переменную. Мелочь, которая спасает от каши, когда карточка цифр одновременно въезжает и ловит курсор.
matcap + curl-noise — второе независимое подтверждение (после Unseen), что «дорогой металл» в вебе делают матке́пом, а не HDR-окружением.
ЧТО НЕ БЕРЁМ: bloom и постпроцессинг (у нас бюджет не тянет и брендбук не просит — Колоссус матовый, не светящийся), их цветную палитру, честную флюид-симуляцию во весь экран.
ВАУ 5 / ТРУД 3. Сам приём дешёвый: один канвас, один rect, одна текстура. Дорого — синхронизировать позиции при скролле без дёрганья (нужен один pointer/scroll-шедулер, он у нас уже заложен под tilt-карточки).

6. Obys — https://obys.agency

Движок (доказательство): зонд — is3d=true, webgl2, 1 канвас. Ключевая находка в самой разметке: в статическом HTML лежит <canvas id="gl"> — один-единственный глобальный канвас на весь сайт. Внешних <script src> в HTML нет вообще (всё через inline-модули с nonce), так что бандл-грепом их шейдеры не достать — доказательство 3D держится на зонде, и оно однозначное (контекст webgl2 создан по факту).
Что там происходит: архитектура «один постоянный GL-канвас, DOM поверх него». Секции и страницы меняются, канвас не пересоздаётся — именно поэтому у них дисторшн текста и переходы работают непрерывно, без мигания при навигации.
ЧТО БЕРЁМ для Колоссуса:
<canvas id="gl"> как один persistent-контекст на весь сайт — это буквально формулировка закона эффектов v3.1 («ОДИН активный WebGL-контекст на страницу»), но доказанная на живом сайте и поднятая на уровень всего приложения. Наш монолит и жидкий металл должны делить именно такой канвас; при переходах между разделами он не пересоздаётся, а значит не платит за перекомпиляцию шейдера.
Типографика как главный герой + дисторшн текста — прямой мост к бренд-девайсу «призрачный тип» (крупный низкоконтрастный набор) и к смешанному курсиву: искажать надо НАШ набор, а не подставлять их шрифт.
Рваная сетка как соседство с нашей «искривлённой сеткой» (девайс 5 брифа).
ЧТО НЕ БЕРЁМ: их палитру и общее «арт-директорское» настроение — Obys играет светлее и веселее; и их шрифтовые решения (у нас Inter/Helvetica по брифу).
ВАУ 4 / ТРУД 2. Один канвас на приложение — архитектурное решение, а не эффект: стоит дёшево, а окупается тем, что все последующие эффекты становятся дешевле.

7. Chartogne-Taillet — https://chartogne-taillet.com/

Движок (доказательство): зонд — is3d=true, webgl2 + 2d, 1 канвас (HTML-оболочка всего 2,9 КБ, Vue SPA). Бандлы app.257ecce9.js (681 КБ) + chunk-vendors (1,02 МБ): WebGLRenderer ×78, Points ×78, InstancedMesh ×27, GLTFLoader ×26, ShaderMaterial ×22, gl_FragColor ×64, Raycaster ×6, OrbitControls ×5. Униформы: uTerrainElevation, uTerrainSize, uRevealProgress, uRevealTextureFrequency, uRevealRandomFrequency.
Что там происходит: это не «сайт вина», это интерактивная карта территории. Рельеф собран точками/инстансами (Points + InstancedMesh), каждый участок — кликабельный объект (Raycaster), камера летит к нему, а сам рельеф «проявляется» шейдером: uRevealProgress гонит порог, а uRevealTextureFrequency / uRevealRandomFrequency рвут фронт проявления так, чтобы точки всплывали не ровной линией, а рвано.
ЧТО БЕРЁМ для Колоссуса: это готовая механика для раздела «Организуй событие» /hire (пик 12) и для «О пространстве».
Тур по площадке точечным облаком. 3200 м², залы как объекты: наводишь/кликаешь — камера идёт к залу, рядом всплывает паспорт зала (вместимость театр/фуршет/банкет). Это ровно то, что раздел /hire должен продавать, и это «показывает», а не «объясняет» — закон четырёх выполнен буквально.
Точечное облако вместо модели — не нужен GLB здания. Точки можно сгенерировать из плана/фотограмметрии или даже из простой геометрии залов; вес — килобайты, читается как «искривлённая сетка» из брендбука (девайс 5), но в трёх измерениях.
Шейдер рваного проявления (uRevealProgress + два шума) — второй кандидат в прелоудер-маску (пик 13), альтернатива круговому ревилу Unseen: логотип/сетка собирается из точек.
ЧТО НЕ БЕРЁМ: пасторальную палитру, OrbitControls (свободная орбита = потерянный пользователь; нам нужны фиксированные точки съёмки залов), их 1,7 МБ бандла.
ВАУ 5 / ТРУД 5. Честно: это самая дорогая позиция в улове. Точки дешёвые, дорогая — подготовка данных площадки и режиссура камеры. Но это единственный референс, который решает коммерческую задачу /hire, а не только эстетику. Кандидат на «одну большую фичу второй фазы», не на Ф1.

8. Akaru — https://www.akaru.fr/

Движок (доказательство): зонд — is3d=true, webgl2, __THREE__, 1 канвас. Nuxt-чанки DgeqIl1k.js (826 КБ) + Dp9hHgU2.js (543 КБ): displacement ×99, envMap ×87, GLTFLoader ×27, matcap ×23, VideoTexture ×10, WebGLRenderTarget ×4, ScrollTrigger ×5, SplitText ×5.
Что там происходит: доминанта бандла — displacement (99 вхождений против 4 у рендер-таргетов): переходы между секциями сделаны не кроссфейдом, а картой смещения, которая утаскивает пиксели одной секции и подтягивает другую. Плюс SplitText (GSAP) — разбиение заголовка на слова/буквы для входов, и VideoTexture — видео как материал.
ЧТО БЕРЁМ для Колоссуса:
Displacement-переход между полноэкранными медиа-секциями — прямой ответ на «большие медиа-секции» композиции главной: кадры площадки перетекают друг в друга через карту смещения, а не через opacity. Одна grayscale-текстура шума + один шейдер, работает и на видео.
SplitText + ScrollTrigger как связка входов заголовков (пик 14). Это ровно Zentry-механика, но здесь видно её минимальный состав: не нужна отдельная библиотека анимации текста, достаточно GSAP-плагина поверх нашего смешанного курсива.
VideoTexture — второе подтверждение (после Steven.com), что видео площадки должно жить внутри GL-слоя, а не под ним.
ЧТО НЕ БЕРЁМ: их светлую французскую подачу и общий тон — Akaru мягче и «агентскее», чем нужно бетонному Колоссусу; и envMap-окружения (нам хватит матке́па).
ВАУ 4 / ТРУД 2. Displacement-переход — один из самых дешёвых больших эффектов в вебе: шейдер в 20 строк, текстура шума, u_progress. Полностью статичен.

9. basement.studio — https://basement.studio

Движок (доказательство): зонд — is3d=true, webgl2, глобал __THREE__, 3 канваса. В статическом HTML (219 КБ) — ноль тегов <canvas> и <video> и 64 <img>: все три канваса создаются джаваскриптом уже после гидрации. Честная оговорка: их Next-чанки адресуются по внутренней карте turbopack, поэтому грепом бандла шейдеры не достаются — первичные чанки дали только ложные срабатывания (rapier внутри строки browserapierrors, BloomFilter из роутера Next). Доказательство держится на зонде.
Что там происходит: тёмный техно-брутализм, у которого 3D работает не фоном, а локальными сценами внутри блоков — отсюда три отдельных канваса на одной странице, а не один полноэкранный. Контент несут 64 растровых кадра, WebGL добавлен точечно.
ЧТО БЕРЁМ для Колоссуса:
Сцена-в-блоке как формат. Это ровно наш случай «карточки цифр» и «CTA-плиты»: маленькая сцена в границах блока читается дороже, чем фон во весь экран, и стоит на порядок дешевле. Пропорция «64 картинки : 3 канваса» — здоровая, и она совпадает с законом четырёх (большой контент, эффект как акцент).
Тёмный техно-брутализм с шумом и глитчем как тональный ориентир: агрессия без цвета — это и есть Колоссус.
Отсутствие канваса в исходном HTML = LCP не зависит от WebGL. Наш предохранитель «постер = LCP» подтверждается их разметкой.
Предостережение оттуда же: три канваса на страницу — это ровно то, что закон эффектов v3.1 нам ЗАПРЕЩАЕТ. Берём формат «сцена в блоке», но реализуем его DOM-синхронизированным оверлеем Lusion (позиция 6), а не тремя контекстами.
ЧТО НЕ БЕРЁМ: три параллельных WebGL-контекста; их «студийный» тон голоса и шутки в интерфейсе; глитч как самоцель.
ВАУ 4 / ТРУД 2. Формат дешёвый. Труд идёт не на эффект, а на дисциплину — не расплодить контексты.

10. Microsoft AI — https://microsoft.ai/

Движок (доказательство): зонд — is3d=true, webgl2, 1 канвас. Сайт при этом собран на WordPress (jQuery, wp-includes в разметке) — WebGL живёт в одном тематическом бандле wp-base-theme/dist/assets/index-BJKvAEpb.js (354 КБ). Внутри — не three.js, а собственный микро-движок (Program, Mesh, uPMatrix, uMVMatrix) и униформы кинематографической обработки: useToneMapping, uToneMappingExposure, useGammaCorrection, useExposure, useBlurNoise, u_bokeh_iters, u_vig_radius, u_vig_skew, u_vig_pos_x/y, uBlurDirection.
Что там происходит: сцены как таковой нет. Это полноэкранный квад с киношной цветокоррекцией: тонмаппинг с экспозицией, гамма, боке-размытие в несколько итераций, виньетка со смещаемым центром и шумовое размытие. Корпорация получила «жидкий» премиальный вид одним пассом поверх плоскости.
ЧТО БЕРЁМ для Колоссуса:
Приём «грейд вместо сцены». Если нужен вау-кадр, а бюджета на 3D нет — берётся один шейдер-пасс: экспозиция + виньетка + зерно поверх нашего hero-видео. У нас зерно и так в моушн-системе; здесь оно становится частью одного GL-пасса с виньеткой и тонмаппингом, и hero сразу читается как кино, а не как <video> в браузере.
Виньетка со смещаемым центром (u_vig_pos_x/y) — можно увести тёмный угол в сторону, чтобы монолит и заголовок дышали. Мелочь, но именно она отличает грейд от фильтра.
Доказательство, что WebGL-слой прекрасно живёт на «глупом» статическом хосте. WordPress здесь не мешает — значит и output: 'export' не помешает.
ЧТО НЕ БЕРЁМ: их цветную жидкую заставку и общий «дружелюбный ИИ» тон; 354 КБ бандла ради одного пасса — у нас это должно уложиться в считаные килобайты своего кода.
ВАУ 4 / ТРУД 2. Один фуллскрин-квад, никаких моделей и загрузчиков. Это самый дешёвый способ поднять ощущение качества всей главной сразу. Важная оговорка: пасс занимает тот самый ЕДИНСТВЕННЫЙ разрешённый контекст — значит либо грейд, либо жидкий металл в один момент времени, и переключение надо спроектировать.

11. Exo Ape — https://www.exoape.com/work

Движок (доказательство): зонд — is3d=false, контекстов нет, канвасов 0. В разметке — сплошные <video playsinline loop muted>, ни одного <canvas>. Бандл-греп тоже пуст по 3D-маркерам. Это НЕ 3D-референс, и в этом вся ценность.
Что там происходит: премиальный тёмный минимал, который многие принимают за WebGL, собран на обычных видео-лупах, масках и CSS-переходах. Ощущение дороговизны создаёт монтаж и типографика, а не рендер.
ЧТО БЕРЁМ для Колоссуса:
Контрольный аргумент для приёмки. Когда Жан скажет «охуенные эффекты», Exo Ape — доказательство, что половина ощущения берётся видео и масками. Наши 30 кадров и лупы из video-manifest уже дают этот уровень без единого шейдера.
Видео-маски как приём для перехода между медиа-секциями — тот же результат, что displacement у Akaru, но нулевой ценой и без WebGL-контекста; годится для мобильной и reduced-motion-ветки, где сцену мы обязаны отключить.
Дисциплина playsinline loop muted disablepictureinpicture на каждом видео — мелкая, но обязательная гигиена для наших лупов.
ЧТО НЕ БЕРЁМ: «агентскую» подачу кейсов и светлые вставки.
ВАУ 4 / ТРУД 1. Самое выгодное соотношение в улове: ощущение почти как у топ-WebGL, труд — вёрстка и монтаж. Это наш обязательный фолбэк-слой для тач/reduced-motion/saveData.

12. Opal Tadpole — https://op.al/

Движок (доказательство): зонд — is3d=false, единственный контекст 2d, 1 канвас. В разметке: <canvas class="block w-full cursor-crosshair" style="aspect-ratio:2.100942…">, ни одного <video>. Next.js/turbopack. То есть «чистейшая работа с материалом» из исходного списка сделана двумерным канвасом, а не WebGL.
Что там происходит: продукт подан как объект, но рисуется покадрово в 2D-контексте с крестовым курсором — то есть это скрабируемая последовательность кадров/рисование по канвасу, а не рендер в реальном времени.
ЧТО БЕРЁМ для Колоссуса:
Скрабируемая последовательность кадров вместо 3D-модели. Если Жану захочется «повращать» монолит или зал — это делается WebP-секвенцией под скролл в 2D-канвасе: ноль WebGL, ноль моделей, работает на любом телефоне и не трогает наш единственный GL-контекст. Материал при этом фотографический, то есть честнее любого шейдера.
Курсор-крестик как знак «этим можно управлять» — дешёвый affordance, попадает в техничный тон брендбука.
ЧТО НЕ БЕРЁМ: продуктовую белую подачу; и не стоит тащить длинные секвенции — бюджет медиа на первый экран 1,5 МБ.
ВАУ 3 / ТРУД 2. Скромнее по вау, зато честно работает везде и снимает соблазн тащить GLB ради одного объекта.

13. darkroom.engineering — https://darkroom.engineering/

Движок (доказательство): зонд — is3d=true, контекст webgl2 создан, но канвасов в DOM ноль и глобала __THREE__ нет. То есть либо рендер идёт в OffscreenCanvas (правдоподобно: это авторы Lenis, инженерная студия), либо канвас монтируется позже восьмисекундного среза. В статическом HTML (481 КБ) — 4 тега <video> и ноль <canvas>. По бандлам: lenis ×63, ScrollTrigger ×4 — и ни одного 3D-маркера в доступных чанках. Доказательство 3D слабое: контекст пойман, техника — нет; для 3D-приёма их брать нельзя, для скролл-инженерии можно.
Что там происходит: инженерная эстетика на чёрном, где главный «эффект» — качество движения: Lenis, точные скролл-триггеры и видео. Их роль в нашем проекте — не источник шейдера, а источник ощущения прокрутки.
ЧТО БЕРЁМ для Колоссуса:
Lenis как единственная моушн-зависимость, подтверждённая авторами — а не набор из трёх библиотек. У нас в предохранителях v3 записано «никакой новой runtime-зависимости кроме three; gsap — только если CSS не тянет»; darkroom показывает, что Lenis + CSS закрывают почти всё.
Тёмная инженерная подача без 3D — доказательство, что «серьёзно и дорого» можно сделать типографикой, чёрным фоном и движением.
Рендер вне DOM (OffscreenCanvas) как приём, если когда-нибудь понадобится тяжёлая сцена без фризов главного потока. Не для Ф1.
ЧТО НЕ БЕРЁМ: ничего 3D — брать там нечего, доказательства техники нет.
ВАУ 3 / ТРУД 1. Прокрутка Lenis у нас и так в плане; это подтверждение выбора, а не новая работа.

14. Space Type Generator — https://spacetypegenerator.com

Движок (доказательство): зонд — is3d=true, контексты 2d + webgl, 1 канвас. Разобрано руками: это p5.js 1.0.0 с CDN плюс собственный sketch.js (16,4 КБ) и keyboardEngine_190103.js. В скетче — createCanvas(..., WEBGL), loadFont, rotateY ×5, box ×5, push/pop ×3.
Что там происходит: это не сайт-референс, а рабочий инструмент: набираешь слово, оно выдавливается/размножается в трёхмерном пространстве, крутится, красится — и экспортируется картинкой. Вся «сцена» — 16 КБ скетча на p5.
ЧТО БЕРЁМ для Колоссуса:
Инструмент для генерации «призрачного типа» и 3D-локов прямо сейчас — можно накидать варианты крупного colossus® в пространстве под hero и под заглушку сцены, не открывая Blender и не тратя генерации.
Доказательство порядка стоимости. 3D-типографика в вебе стоит 16 КБ кода — это аргумент против «нам нужна тяжёлая сцена, чтобы было эффектно».
Раскладка «слово как объём» ложится на девайс смешанного курсива: в объёме можно развернуть ровно одно слово заголовка.
ЧТО НЕ БЕРЁМ: p5.js в продакшн (это инструмент подготовки ассетов, не рантайм); их цветные пресеты.
ВАУ 3 / ТРУД 1. Ценность инструментальная, а не референсная — зато немедленная.

Второй эшелон

Держать в поле зрения, но приёма для Ф1 из них не вынимается. «Движок» — по зонду (контекст + глобалы + канвасы), цифры в скобках — счётчики маркеров в бандлах.

Сайт	Движок	Зачем держать в поле зрения
OFF+BRAND — itsoffbrand.com	webgl2, `__THREE__`, 1 канвас	Авторы Steven.com (позиция 4). Их собственный сайт скромнее клиентского — смотреть как студию-исполнителя, а приёмы брать с их работ
Immersive Garden — immersive-g.com	2d+webgl+webgl2, `__THREE__`, 2 канваса; `gl_FragColor` и родня ×903, постпроцессинг ×87, загрузчики ×87, `lenis` ×240	Эталон «слишком тяжело»: полезен как граница, за которую нам нельзя. Если наш бандл начнёт напоминать этот — мы свернули не туда
14islands — 14islands.com	webgl2+webgl+experimental-webgl, `__THREE__`, канвасов 0	Самый чистый R3F-подход в пуле (`three_core` ×159, материалы ×379, видео ×47). Если Ф1 всё-таки поедет на react-three-fiber — брать их структуру компонентов
Garden Eight — garden-eight.com	webgl2, глобалы `THREE, __THREE__, gsap`, 1 канвас	Рекордсмен по материальным маркерам (×512) при японской дисциплине сетки. Второй источник по «как красить металл», если матке́пов Unseen/Lusion не хватит
North Kingdom — northkingdom.com	webgl2+webgl, `__THREE__`, 1 канвас	`three_core` ×182 + видео ×42 — ещё одно подтверждение связки «видео внутри сцены». Бренд-миры, геймификация — для нас избыточно
Noomo — noomoagency.com	webgl2, `__THREE__`, 1 канвас	Загрузчиков ×110, материалов ×413 — сторителлинг-скролл на моделях. Смотреть режиссуру последовательности, не технику
Minh Pham — minhpham.design	webgl2, `__THREE__`, 1 канвас	`three_core` ×216 при одиночном авторе — доказательство, что уровень достижим малой командой
EPIC — epic.net	webgl+webgl2, `__THREE__`, 2 канваса, `three` в скриптах	Заявленный эталон ховер-физики; MSDF/текстовые маркеры ×10. Резерв, если ховер-механики Lusion окажется мало
Phantom — phantom.land	webgl2, `__THREE__`, 1 канвас	Материалы ×111 + шум ×13; тема «инсталляция ↔ веб» концептуально близка клубу, но подача светлее нашей
Aristide Benoist — aristidebenoist.com	webgl+2d, 2 канваса, БЕЗ `__THREE__` (свой рендерер)	Единственный в пуле, кто прописал фон прямо в теге: `<html style="background-color:#141414">` — это ровно наш токен панелей из design-brief. Тёмный авторский WebGL-минимализм на самописном движке и своих woff2; смотреть как доказательство, что на нашей палитре 3D читается
Metabole — metabole.studio/en	webgl2+2d, `__THREE__`, 2 канваса	Ценность в их разборах приёмов в блоге, а не в сайте: источник теории под liquid metal
Utsubo — utsubo.com	webgl+2d, `__THREE__`, 1 канвас	Единственное упоминание WebGPU в пуле. Смотреть через год, не сейчас
The Other Side of Truth — theothersideoftruth.com	2d+webgl+webgl2, БЕЗ `__THREE__`, 1 канвас, 3 видео	Тёмная драматургия — тонально ближе всех к клубу, но техника кастомная и неразбираемая (`gl_FragColor` ×94, скролл-моушн ×212). Держать как эталон НАСТРОЕНИЯ повествования
Chungi Yoo — chungiyoo.com	зонд отвалился по таймауту; в бандле GLSL ×280, постпроцессинг ×13	Эталон ритма скролла и композиции. 3D есть, но доказательство неполное — проверять руками
Lenis — lenis.dev	webgl2, `__THREE__`, 1 канвас	Витрина прокрутки, которую и надо показать клиенту как «вот это ощущение». 3D — демонстрационное
Synchronized — synchronized.studio	2d+webgl+experimental-webgl, глобал `PIXI`	Единственный PIXI в пуле: 2D-GPU вместо 3D. Резервный путь, если нужен GPU-эффект без three
Hello Monday — hellomonday.com/work	2d+webgl+webgl2, R3F-маркеры ×6	Большая история на 3D-сцене; смотреть сценарий, техника вторична
Antinomy — antinomy.studio	2d+webgl2, `__THREE__`, 2 канваса	Нестандартные раскладки; 3D фоновое
abeto — abeto.co	webgl2, `__THREE__`, канвасов 0	Авторы Messenger; сам сайт — визитка
Monks — monks.com	2d+webgl, 1 канвас	Корпоративный масштаб; для нас — только напоминание, что за ними Persepolis
Мasterclass-соседи: Merci-Michel, Locomotive, Studio Freight	3D не пойман	Канон плавного скролла и тона; техника — не наша задача

Отбраковка с 3D

3D доказано, но для Колоссуса брать нечего — экономия кликов Жану.

Сайт	Что поймано	ПОЧЕМУ мимо
Messenger — messenger.abeto.co	webgl2, `__THREE__`, `draco`; в бандле `gl_FragColor` и родня ×1421, `three_core` ×370 — технически самое сильное 3D всего участка	Мультяшная цветная планета с курьером. Игровой мир, светлая палитра, милота — прямая противоположность бетону и металлу. Уровень исполнения недостижим в наших бюджетах и не нужен
Bruno Simon — bruno-simon.com	webgl2+2d, `__THREE__`, `three_core` ×259, физика	Портфолио-машинка. Игрушка, яркая, персональная. Клуб на 6500 человек не может выглядеть как аркада
Henry Heffernan — henryheffernan.com	webgl2+webgl, `__THREE__`, `three_core` ×220	Ретро-компьютер в 3D. Ностальгический скевоморфизм — чужая эпоха и чужой юмор
Mana Yerba Mate — manayerbamate.com	webgl2, `__THREE__`, `three_core` ×205, скролл-моушн ×411	Яркая продуктовая витрина. «Товар как объект» нам нужен, но не в этой светлой глянцевой подаче
Persepolis Reimagined — persepolis.getty.edu	webgl2, 1 канвас, GLSL ×103	Музейная тёплая подача с песочной палитрой и обучающим тоном. Плавность глубины — красиво, но копировать нечего: у нас не экскурсия по руинам
Lando Norris — landonorris.com	webgl2+2d, `__THREE__`, 21 канвас	Персональный бренд гонщика: цвет, скорость, спонсорские блоки. Плюс 21 канвас — прямое нарушение нашего закона эффектов; хороший пример того, как НЕ надо
KPRverse — kprverse.com	webgl2, `__THREE__`, `three` в скриптах	Ближе всех по «тёмному», но это неоновый киберпанк с глитчем и NFT-эстетикой 2021 года. Колоссус — не неон, а сигнальный красный на бетоне
Immersive Garden / Noomo / North Kingdom / Hello Monday	three доказан	Агентские шоурилы: тёплый свет, цвет, много истории про себя. Приём не вынимается — вынимается только «вау вообще»
Utsubo / Antinomy / Synchronized / Metabole / Phantom / abeto / Lenis.dev	контекст пойман	3D фоновое или демонстрационное; для наших разделов приёма нет (детали — во втором эшелоне)

Отбраковка без 3D

Заявлены как WebGL/3D-студии, но зонд не поймал ни одного графического контекста. Важно, потому что список обещал 3D.

Active Theory — activetheory.net: is3d=false, 0 канвасов, HTML 5,9 КБ, три внешних скрипта. Легенда жанра — но их собственный сайт сейчас без WebGL.
makemepulse (только 2d, 3 канваса) · Locomotive · Studio Freight · basement grotesque · Vide Infra · Build in Amsterdam · Cuberto · By-Kin · Ochi · Sennep (2d) · Rezo Zero · Cortex · madeby.studio (2d) · Psychoactive — контекста нет. Ценность у них типографическая и композиционная, к 3D-участку не относится.
Iventions — iventions.com: глобал __THREE__ в странице ЕСТЬ, но контекст за 8 секунд так и не создан (сцена, судя по всему, стартует по действию пользователя). Доказательство слабое — если понадобится, проверять руками.
Don't Board Me — только 2d. Знаменитая 3D-собака в зонд не попала: либо сцена стартует по клику, либо её больше нет. Доказательство слабое.
Star Atlas — play.staratlas.com: контекста нет, игра за авторизацией. Тёмный sci-fi HUD можно смотреть только по скриншотам.
Scout Motors — только 2d, 2 канваса; конфигуратор не на лендинге, /build отдаёт 404. Реального 3D-конфигуратора по этому URL не увидеть.
Pangram Pangram — только 2d. Интерактивная типографика есть, WebGL нет.

Мёртвые / не отвечают

IVRESS — ivress.com/work: отдаёт 115 байт <script>window.onload=function(){window.location.href="/lander"}</script> — домен припаркован. Обещанного WebGPU-рендерера по этому адресу нет.
Blackbird — blackbird.studio: тот же паркинг-редирект на /lander. Мёртв.
Prometheus Fuels — prometheusfuels.ai: сайт жив (HTTP 200), но это теперь WordPress 7.1 + Elementor 3.35.8 (hello-elementor, jQuery, Swiper), 0 канвасов, 1 видео. Легендарная индустриальная 3D-версия Active Theory снята. Как 3D-референс позиция мертва — именно та, на которую список возлагал больше всего надежд по ДНК («тяжёлый индустриальный 3D: металл и свет»).
Merci-Michel (merci-michel.com) — зонд отвалился (TimeoutError: Page.goto), но curl отдаёт живой HTML. Сайт жив, просто тяжёлый; 3D не проверено.
EverSwap (everswap.com) и Chungi Yoo (chungiyoo.com) — тот же таймаут зонда при живом HTTP 200. Для EverSwap 3D доказано вручную по бандлу (позиция 2), для Chungi Yoo доказательство частичное.