莫斯科 UTC+3
ROKO 首页:胡桃木书桌的俯拍——卵石的技术图纸上放着一块带白色纹脉的实时 3D 玄武岩石头,旁边有铅笔、钢尺、回形针、一杯咖啡和一张写着“Don’t move the rock. — mgmt”的黄色便利贴,左上角是巨大的 ROKO 标志。

为虚构“AI”产品 ROKO 打造的发布网站——它其实只是一块河卵石:一块实时 3D 石头贯穿十二个滚动章节,从书桌俯拍到吊坠、热成像和三石叠塔。

标签
概念 自发创作的概念作品
年份
2026
领域
网站、设计
工作室
by VITON13
语言
英语

概述

ROKO 是一个虚构产品:一块被当作 AI 设备发布的河卵石,“Powered by AI*”,脚注写着 Ancient Igneous(古老火成岩)。我们于 2026年9月28日以讽刺型发布网站的形式、按照 Lusion 工作室 oryzo.ai 的逻辑制作了这个网站:一个 3D 物体承载整段滚动叙事,最后一屏把玩笑变成工作室的提案——如果我们能卖掉一块石头,想想我们能为你的品牌做什么。

我们借鉴的是结构和逻辑,而不是素材:产品、文案、3D 和所有图片都是我们自己的。我们给自己定的目标是:让一个刻意无用的产品看起来像一次旗舰发布——高级的材质、真实的交互,以及关注 AI 新闻的人一看就懂的笑点。

  • 12

    个滚动章节,同一块实时 3D 石头贯穿全部

    来源:网站源文件,2026年9月28日

  • 14

    张照片和段视频以我们的石头渲染为参考生成(11 张照片,3 段视频)

    来源:生成记录,2026年9月28日

  • 0

    个下载的 3D 模型或图库照片:石头和道具都由代码生成

    来源:网站源文件,2026年9月28日

  • 0.19 MB

    gzip 后的主脚本(未压缩 0.71 MB),含 three.js

    来源:实测,2026年9月28日,构建文件

思路

石头由代码生成:带种子的噪声侵蚀一个蛋形椭球,五种形状作为 morph target 保存,改造后的物理材质加入斑点、白色石英脉、微凹凸、带等温线的热成像模式和彩虹色的 AI 边缘光。场景导演为每个章节设定一个“姿态”——石头、道具、灯光和背景——并把上一章节的结尾平滑过渡到下一章节的开头,因此同一块石头会从书桌上升起、变成吊坠、在风中压住纸张、落进标志的两个 O 里,最后叠成石塔。

每个章节都有可以互动的东西:ROKO 思考 45 亿年后只回答“…”的聊天框;给实时石头戴上墨镜、派对帽、晃动眼睛、领结或皇冠的提示词;热模型的温度按钮;“石下加密”;偏光放大镜;五种颜色的三档产品;24 秒实时渲染短片;合成音效;以及真正可下载的 .obj“开放权重”。

书桌、图纸、道具和九张产品图都从同一个场景渲染。带人物的照片和三段 6 秒视频通过 CometAPI(Nano Banana Pro、Veo 3.1 fast)生成,并以我们自己渲染的石头作为产品参考,所以每张照片里都是这块石头。

成果

网站已上线于 /demos/roko/:单页,12 个章节,20 张图片和 3 段视频。包含 three.js 的主脚本为 0.71 MB,gzip 后 0.19 MB;较大的照片、视频和字体在访客滚动到时才加载。2026年9月28日,我们在 headless Chrome 中以 1440 × 900 和 390 px 手机屏幕检查了网站,逐一点击了所有交互,控制台没有错误。

本案例不能证明的

ROKO 是 VITON13 为展示能力而做的概念,不是委托项目。产品、评价、媒体报道和价格都是讽刺:没有任何东西出售,网站没有客户、没有独立域名、没有用户,也没有流量。

网站文案只有英文。性能只在一台机器上用 headless Chrome 抽查过,没有在多种设备上测量;本案例没有 Lighthouse 或 SEO 审查。照片和视频中的人物是生成的,不是真实客户。

在筹划类似的项目?每条消息都由我们的创始人 Tarasov Vitalii 亲自阅读。

全部作品

下一个项目

3D 演示文稿交互式 3D 演示文稿 概念2026 全部作品 (32)