莫斯科 UTC+3
作品总览页:七套演示的卡片——灯光照耀球场上的“极光”足球俱乐部、带发光路线的 NEXORA 路演、NOVA 戒指、NORD 81 塔楼和 ORBITA 地球。

七套通过链接即可打开的演示文稿概念:体育赞助、A 轮融资路演、产品发布、住宅塔楼、航天公司、音乐节和诊所。每一页幻灯片都会让实时 3D 镜头飞向专属画面。

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

概述

“3D 演示文稿”是 VITON13 于 2026 年 9 月 28 日完成的七套概念作品,针对客户最常提出的需求:出售赞助套餐、完成一轮融资、发布新产品、销售新塔楼里的住宅、介绍科技公司、吸引音乐节合作伙伴,以及讲清一项医疗服务。其中所有品牌均为虚构。

我们给自己定的目标是:演示文稿通过链接在任何屏幕上打开,看起来像一部电影,但依然是一份真正的演示文稿——有幻灯片、方向键、翻页器,以及可以邮件发送的 PDF。

  • 7

    套演示:体育、投资、产品、房地产、航天、音乐节、医疗

    来源:项目源文件,2026 年 9 月 28 日

  • 78

    页幻灯片,每页在 3D 场景中都有自己的镜头机位

    来源:项目源文件,2026 年 9 月 28 日

  • 60 fps

    全部测量,每套两页,1600 × 1000,Retina

    来源:2026 年 9 月 28 日实测,MacBook(Apple M5)

  • 0.25 MB

    每套演示的 JavaScript(gzip,含 three.js 与 GSAP)

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

思路

每套演示文稿都是一个网页:HTML 幻灯片叠加在实时 three.js 场景之上。每页幻灯片都有自己的镜头机位,翻到下一页就是一次镜头飞行——掠过夜晚的球场、环绕 324 米高的塔楼、沿着 DNA 双螺旋、经过正在展开太阳能板的卫星。场景完全用代码构建,没有 3D 模型和照片:球场约有 43,000 个座位和观众,施工页上塔楼一层层长高,戒指可拆解为六个带标注的部件,地球由着色器生成。

幻灯片之间使用七种 3D 转场之一,按品牌气质挑选:足球俱乐部用带速度线的冲刺,融资路演用立方体,戒指用穿越式飞行,住宅项目用书页翻动,航天公司用轨道旋转,音乐节用故障风翻转,诊所用柔和上升。数字会滚动计数,图表会生长,3D 标注固定在场景的各个部位。

七套演示共用一个引擎:方向键、空格、鼠标滚轮和滑动手势;按 O 打开所有幻灯片的 3D 总览,F 全屏,A 自动播放,每页都有独立链接。在手机上,文字移到场景下方可滚动的面板中。脚本可把每套演示导出为 16:9 的 PDF,方便邮件发送。

成果

整套作品包含七套演示、共 78 页俄语幻灯片,一个总览页,七个 PDF 版本和七种 3D 转场。2026 年 9 月 28 日,我们在搭载 Apple M5 的 MacBook 上,用无头 Chrome(ANGLE Metal)在 1600 × 1000、Retina 缩放下,对每套演示的两页各用 requestAnimationFrame 计数三秒:全部 14 次测量均为 60 fps(60.1–60.2)。

每套演示加载的 JavaScript 经 gzip 压缩后为 235–252 KB,已包含 three.js 和 GSAP。完整构建为 27 MB,其中 14 MB 是 PDF 版本。

本案例不能证明的

“3D 演示文稿”是 VITON13 为展示这种形式而做的概念作品,并非客户委托项目。足球俱乐部、初创公司、戒指、塔楼、航天公司、音乐节和诊所都是虚构的,其中的数据、价格、人物和电话也都是虚构的;每套演示的最后一页都有说明。

作品中没有照片和视频,所有画面都由代码绘制。帧率只在一台机器的无头 Chrome 上测量,不代表旧手机或办公笔记本的表现;本案例没有 Lighthouse 或 SEO 评估,演示文稿仅有俄语版本。

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

全部作品

下一个项目

SB Excursions客户网站 + SEO 客户2026 全部作品 (32)