【作品分享】星屑涟漪 · 1023期

星屑涟漪 · 1023期

在深邃夜幕上播撒星尘，每一次点击都荡开一圈渐彩涟漪，光晕扩散交错，织出当夜独一无二的星图。

在深邃夜幕上播撒星尘，每一次点击都荡开一圈渐彩涟漪，光晕扩散交错，织出当夜独一无二的星图。

功能特性

特性 | 说明

涟漪引擎 | 点击任意位置即时生成一圈由内向外的彩色光波

自动撒星 | 无操作时每秒自动在随机位置播撒星尘，画面永不冷场

混色渐隐 | 多圈涟漪交叠处颜色相互渗透，缓慢淡出归于夜色

每日种子 | 内置当日随机种子，同一天的星图气质一致，跨日则焕然一新

系统架构

整体分为四层：

1. 输入层 — 点击 / 自动计时器 → 生成涟漪事件

2. 状态层 — 涟漪队列（圆心、半径、色相、生命值）

3. 渲染层 — Canvas 2D 逐帧绘制描边圆环与透明度衰减

4. 种子层 — mulberry32 伪随机数驱动布局与配色

技术栈

- Canvas 2D — 全部视觉效果的原生绘制，无任何图形库

- requestAnimationFrame / 定时器 — 逐帧渲染与世代节拍

- 种子化伪随机（mulberry32） — 当日种子决定布局与配色，每天面貌一新

- 原生 JavaScript (ES2020+) — 零依赖、零构建，单个 `index.html` 即可运行

快速开始

期号

1023 期 · 由每日锻造流水线自动生成，同主题次日会换上全新配色与参数。

许可证

MIT

源码：查看作品仓库

作品：查看展览馆作品