MonkeyCodeMonkeyCode-AI用户作品集
技术交流群 Github开始智能编程
MonkeyCode 用户作品集›个人展示›作品集

无尽绽放 · Infinite Bloom

作者 Cat累计访问 219近 7 日访问 2
访问站点开始智能编程
// preview
无尽绽放 · Infinite Bloom 封面
// description

在浏览器中控制一朵由粒子、光与程序生成的牡丹无限绽放

无尽绽放是一件单页互动数字艺术作品,以 Three.js 和 WebGL 在全屏画布中实时生成牡丹的开放过程。画面将层叠花瓣、漂浮粒子和辉光效果组织成持续循环的动态花朵,页面边缘保留中英文作品名、技术说明和创作灵感信息。访客既可以直接观看,也可以通过时间轴和键盘快捷键暂停、倒放或改变观赏状态,并使用重置视角、分享、全屏与截图功能记录当前画面。

核心亮点

程序化牡丹

实时生成层叠花瓣与动态形态

粒子与辉光

光点和后期效果围绕花朵流动

时间轴控制

支持暂停、倒放与进度浏览

沉浸式画面

全屏深色画布突出花朵主体

如何使用

  1. 观看绽放

    打开页面后动画会自动播放,先保持默认状态观看花瓣、粒子和光效随时间变化,底部时间轴会同步显示当前动画进度。

  2. 控制动画

    按空格键可以暂停或继续播放,按左方向键或使用右下角倒放按钮可以反向观看绽放过程,也可以拖动底部时间轴浏览不同阶段。

  3. 调整观看方式

    需要回到初始观察状态时按 R 键重置视角;按 F 键可以进入全屏,以更少的浏览器界面干扰观看实时画面。

  4. 分享或留存

    按 S 键使用页面提供的分享操作;需要保存当前视觉状态时,可按照顶部提示使用 Ctrl+E 截取画面。

作品评分3.0
2 次评分
// similar sites

相似站点

Snowfall
98
查看详情

Snowfall

作者: anonymous

Canvas 2D 飘雪动画,包含雪花飘落、月色光晕、远山剪影

作品集1.5·2 次评分
地球
188
查看详情

地球

作者: kiko

一个可旋转缩放的 3D 地球展示页,呈现电影感太空场景与大气层效果。

作品集1.3·6 次评分
Raymarching 演示
96
查看详情

Raymarching 演示

作者: anonymous

基于 Three.js 的纯 GLSL Raymarching 渲染演示,包含 SDF 图元、平滑混合与实时光照

作品集2.9·AI 评分
代码雨 - Code Rain
94
查看详情

代码雨 - Code Rain

作者: anonymous

矩阵风格代码雨动画网页,包含实时时钟和新闻滚动条

作品集1.4·4 次评分
林知秋 — 产品设计师
26
查看详情

林知秋 — 产品设计师

作者: anonymous

林知秋的个人主页。产品设计、界面系统与品牌体验。

作品集3.1·AI 评分
梁文锋纪念馆
2k
查看详情

梁文锋纪念馆

作者: 参见菜菜大王(便秘终于治好啦

沉浸式 3D 梁文锋水下纪念馆

作品集3.8·10 次评分
// join the community

把你的作品也搬上来

欢迎加群交流。有问题反馈,或用 MonkeyCode 开发了网站想要分享,可以扫码加群联系管理员。

Github 开源仓库
企业微信
企业微信
飞书
飞书
钉钉
钉钉
MonkeyCodeMonkeyCode · 用户作品集
{ 使用 MonkeyCode 构建 }
开始智能编程Github技术交流群
输入想找的应用类型,比如"五子棋"、"做封面图"、"管理待办"
没有找到想要的应用?马上用 MonkeyCode 做一个