ROKO: сатирический промо-сайт, где историю рассказывает один 3D-камень

Промо-сайты ИИ-гаджетов стали отдельным жанром: один глянцевый объект, история на прокрутке, большие обещания. VITON¹³ делает концепт-сайты, чтобы показать диапазон в жанрах, где у студии ещё нет клиентского проекта, и ROKO — тот, что с шуткой. Продукт — речная галька, которую запускают как ИИ-устройство; сноска к «Powered by AI*» гласит «Ancient Igneous».

Задачу мы поставили себе сами: заведомо бесполезный продукт должен выглядеть как флагманский запуск — дорогие материалы, настоящие интерактивы и шутки, понятные тем, кто следит за новостями ИИ. Структура и логика следуют oryzo.ai студии Lusion, где один 3D-объект ведёт всю страницу; продукт, тексты, 3D и все изображения — наши.

Одна страница на английском, 12 секций: первый экран с видом сверху на стол из ореха, раздел про ИИ, «носимая» секция, фичи, «шифрование под камнем», макро-лупа, экологичность, отзывы, лента соцсетей, три тарифа в пяти расцветках, «открытые веса» и подвал. Между секциями один и тот же камень поднимается со стола, висит кулоном, прижимает листы на ветру, встаёт в буквы «O» логотипа и складывается в пирамиду.

В каждой секции есть что потрогать. Чат, где ROKO думает 4,5 млрд лет и отвечает «…»; промпт, который надевает на живой камень очки, праздничный колпак, гугли-глаза, бабочку или корону; кнопки температуры для тепловой модели; поляризационная лупа; 24-секундный фильм в реальном времени; синтезированный звук и настоящее скачивание «открытых весов» в формате .obj. Последний экран обращается к читателю: если студия смогла продать камень, представьте, что она сделает для бренда.

Камень генерируется кодом. Шум с заданным зерном «обтачивает» яйцевидный эллипсоид, пять вариантов формы хранятся как морф-таргеты, а доработанный физический материал добавляет крапины, белую кварцевую жилу, микрорельеф, тепловой режим «ironbow» с изотермами и радужный ИИ-контур. Режиссёр сцены задаёт каждой секции позу — камень, реквизит, свет и фон — и за один экран прокрутки переводит конец секции в начало следующей, так что галька остаётся одним объектом от первого экрана до подвала.

Стол, технический чертёж, реквизит и девять предметных кадров отрендерены из той же сцены. Фото с людьми и три шестисекундных ролика сгенерированы через CometAPI (Nano Banana Pro для фото, Veo 3.1 fast для видео) с нашим рендером гальки как референсом продукта, поэтому на каждом фото именно этот камень. Фото, ролики и шрифты подгружаются по мере прокрутки; страница закрыта от индексации (noindex, nofollow).

Сайт работает по адресу tarasovvitalii.com/demos/roko/: одна страница, 12 секций, 20 изображений и 3 ролика, собран 28 сентября 2026 года. Основной скрипт вместе с three.js весит 0,71 МБ, в gzip — 0,19 МБ; вся сборка — 6,6 МБ, из них 2,9 МБ — ролики, которые грузятся, только когда до них доходят. В тот же день мы прокликали все интерактивы в headless Chrome на 1440 × 900 и на экране телефона шириной 390 px — консоль чистая.

На живом адресе в тот же день Lighthouse дал производительность 43 на телефоне и 64 на компьютере (медианы трёх прогонов), лучшие практики — 100, доступность — 92; при загрузке страница передаёт 0,55 МБ, а фото и ролики догружаются по мере прокрутки. Оценку на телефоне тянут вниз длинные задачи главного потока при старте (суммарная блокировка 3,6 с) и поздняя отрисовка самого крупного элемента — текста первого экрана — на 4,2 с.

ROKO — концепт, который VITON¹³ сделала, чтобы показать диапазон, а не заказной проект. Продукт, отзывы, пресса и цены — сатира: ничего не продаётся, у сайта нет клиента, своего домена, пользователей, трафика и заявок. Люди на фото и в роликах сгенерированы, это не настоящие покупатели, а тексты — только на английском.

Частоту кадров мы проверяли выборочно на одной машине в headless Chrome (около 100 fps в секции про ИИ, 58 fps в «носимой» ленте), а не на разных устройствах, и она ничего не говорит о старых телефонах. Lighthouse измеряет загрузку, а не плавность 3D-сцены. Демо специально закрыто от поиска, поэтому результатов в поиске у него нет.

Как проверить портфолио веб-студии →