GPU PARTICLES · 粒子 · FPS
移动鼠标 · 改变视角
01 / Console

数万粒子,实时演化

所有粒子在顶点缓冲区中一次性上传 GPU,每帧用同一个 MVP 矩阵投影,加法混合产生辉光。拖动滑块改变密度与旋转,点主题换配色。

实时参数

粒子密度1.0×
自转速度0.45
星云半径1.0×

运动

配色主题

这套引擎就是官网首屏那层"炫技"底——线框球 + 粒子星云 + 鼠标视差。把它单独抽出来,就是你现在看到的这个 Demo。

绘制粒子数
1DrawCall / 帧
0第三方库
ADD混合模式
02 / Spec

为什么是"技术"

不是 CSS 动画,不是 GIF。是真正的 3D 点云渲染。

30K上限
粒子规模

单缓冲上传,逐帧投影,移动端自动降密度。

1DrawCall
批处理

所有粒子一次 drawArrays(POINTS) 完成。

3层叠加
视觉层次

线框球 + 近景尘埃 + 远景星海,加法混合辉光。

0依赖
纯原生

手写 WebGL1 + 列主序矩阵工具,无引擎。

想要这种首屏气场?

官网、发布会大屏、产品预热页都能直接套用。告诉我们基调,我们配色、接线、上线。

聊需求 →