Москва UTC+3
Главная ROKO: вид сверху на стол из ореха — чертёж гальки, на нём 3D-камень из базальта с белой жилой, карандаш, стальная линейка, скрепки, чашка кофе и жёлтый стикер «Don’t move the rock. — mgmt», в левом верхнем углу огромный логотип ROKO.

Промо-сайт ROKO — вымышленного «ИИ», который на деле речная галька: один 3D-камень в реальном времени проходит через 12 экранов прокрутки — от стола с чертежом до кулона, тепловизора и пирамиды.

Метки
Концепция Авторская концепция
Год
2026
Направления
Сайты, Дизайн
Студия
by VITON13
Языки
английский

Обзор

ROKO — вымышленный продукт: речная галька, которую запускают как ИИ-устройство, «Powered by AI*», где сноска расшифровывается как Ancient Igneous — «древняя вулканическая порода». Мы сделали его сайт 28 сентября 2026 года в жанре сатирических промо-сайтов, по логике oryzo.ai студии Lusion: один 3D-объект ведёт всю историю на прокрутке, а последний экран превращает шутку в предложение студии — если мы смогли продать камень, представьте, что мы сделаем для вашего бренда.

Мы взяли структуру и логику, а не материалы: продукт, тексты, 3D и все изображения — наши. Задачу поставили себе сами: заведомо бесполезный продукт должен выглядеть как флагманский запуск — с дорогими материалами, настоящими интерактивами и шутками, понятными тем, кто следит за новостями ИИ.

  • 12

    секций на прокрутке, через все проходит один 3D-камень в реальном времени

    Источник: Исходники сайта, 28 сент. 2026

  • 14

    фото и роликов сгенерировано с нашим рендером камня как референсом (11 фото, 3 ролика)

    Источник: Журнал генерации, 28 сент. 2026

  • 0

    скачанных 3D-моделей и стоковых фото: камень и реквизит строятся кодом

    Источник: Исходники сайта, 28 сент. 2026

  • 0,19 МБ

    основной скрипт в gzip (0,71 МБ без сжатия), three.js внутри

    Источник: Замер 28 сент. 2026, файлы сборки

Подход

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

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

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

Результаты

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

Чего это не доказывает

ROKO — концепт, который VITON13 сделала, чтобы показать диапазон, а не заказной проект. Продукт, отзывы, пресса и цены — сатира: ничего не продаётся, у сайта нет клиента, своего домена, пользователей и трафика.

Тексты на сайте только на английском. Производительность мы проверяли выборочно на одной машине в headless Chrome, а не на разных устройствах; аудита Lighthouse и SEO у этого кейса нет. Люди на фото и в роликах сгенерированы, это не настоящие покупатели.

Задумали что-то похожее? Каждое сообщение лично читает наш основатель — Тарасов Виталий.

Все работы

Следующий проект

3D-презентацииИнтерактивные 3D-презентации Концепция2026 Все работы (32)