1. 首页
  2. 项目
  3. Destiny Web
Destiny Web · 3D 网页体验

Destiny 助手的 3D 产品发布官网

七个章节置于同一个 3D 场景中,随着你滚动页面,镜头从虚空一路移动到预约入口。所有 3D 效果和声音都在浏览器本地生成。

状态
自有产品
类型
产品发布官网
平台
网页(WebGPU / WebGL2)
年份
2026
Destiny Web 截图
手机上的 Destiny Web
30 秒了解项目

解决什么问题、为谁解决

01

问题

语音 AI 助手听起来和其他 AI 产品没什么两样。需要让陌生人在几秒内明白 Destiny 能做什么,以及它为何与众不同。

02

解决方案

一个场景,镜头逐章移动,传达直接的信息——「其他助手负责回答,Destiny 负责执行。」——并配有一个演示,逐步展示一条指令的执行过程。

03

适用对象

Destiny 的潜在用户,以及想要工作室水准产品网站的品牌。

功能

一个故事,七个章节

01

一气呵成的旅程

从虚空到预约入口,镜头经过编排,转场相互重叠,章节之间没有空白画面。

一气呵成的旅程
02

几秒内传达信息

标题直截了当,88 项技能按用户能实现的目标分组,只有一个入口按钮。

几秒内传达信息
03

交互演示

「吩咐它一件事,看它动手。」:选择一条指令,看它逐步执行。已标明为示意性示例。

交互演示
04

抢先体验

旅程的终点是一个带预约表单的入口,供想第一批使用的人登记。

抢先体验
数据

已构建的内容

测试实测
首次绘制 96–132 毫秒

生产版本,在真实 GPU 上测得,覆盖两种图形技术。

测试实测
每秒 97 至 163 帧

视章节而定,在高配 Mac 上测得。

测试实测
14 个启动场景中 0 个错误

在 Chrome、Safari 和 Firefox 上的自动化测试。

构建方式

背后的技术

技术
three.js (WebGPU)ReactTypeScriptGSAPWeb Audio
技术细节

three.js 搭配 WebGPU 和自研着色器,按浏览器编译为 WebGPU 或 WebGL2;React Three Fiber、GSAP 和页面平滑滚动;实时合成音频。网站为 100% 静态。

图库

更多产品界面

「开口说话,Destiny 来做。」
手机上的交互演示
抢先体验入口
您的项目

需要类似 Destiny Web 的产品吗?

用两句话告诉我们您的想法。我们会回复范围、周期和初步方案。