无尽绽放 · Infinite Bloom
// preview

// description
在浏览器中控制一朵由粒子、光与程序生成的牡丹无限绽放
无尽绽放是一件单页互动数字艺术作品,以 Three.js 和 WebGL 在全屏画布中实时生成牡丹的开放过程。画面将层叠花瓣、漂浮粒子和辉光效果组织成持续循环的动态花朵,页面边缘保留中英文作品名、技术说明和创作灵感信息。访客既可以直接观看,也可以通过时间轴和键盘快捷键暂停、倒放或改变观赏状态,并使用重置视角、分享、全屏与截图功能记录当前画面。
核心亮点
程序化牡丹
实时生成层叠花瓣与动态形态
粒子与辉光
光点和后期效果围绕花朵流动
时间轴控制
支持暂停、倒放与进度浏览
沉浸式画面
全屏深色画布突出花朵主体
如何使用
观看绽放
打开页面后动画会自动播放,先保持默认状态观看花瓣、粒子和光效随时间变化,底部时间轴会同步显示当前动画进度。
控制动画
按空格键可以暂停或继续播放,按左方向键或使用右下角倒放按钮可以反向观看绽放过程,也可以拖动底部时间轴浏览不同阶段。
调整观看方式
需要回到初始观察状态时按 R 键重置视角;按 F 键可以进入全屏,以更少的浏览器界面干扰观看实时画面。
分享或留存
按 S 键使用页面提供的分享操作;需要保存当前视觉状态时,可按照顶部提示使用 Ctrl+E 截取画面。
// similar sites








