跳到正文
网页珍奇柜Web Curio

多边形碎纸机

Polygon Shredder,Jaume Sanchez (spite),2016 年

正在布展…

原作直展:这是 Jaume Sanchez (spite) 的原始作品,按 MIT(附带的 Raleway 字体为 OFL) 许可证收录(版本 4116231)。原作原样展出;去掉了社交分享按钮,字体换成随附副本。关掉说明后移动鼠标,方块会被吸进旋涡再撕成彩纸。 许可证全文 · 收录说明

它是怎么做的

  1. 第 1 步粒子位置在纹理中,用 curl noise(旋度噪声)驱动,保证无散度的流动
  2. 第 2 步每个粒子是实例化的小立方体,朝向由速度方向决定
  3. 第 3 步粒子投射阴影,用自定义深度材质渲染阴影贴图
  4. 第 4 步粒子寿命结束后回到发射球体重新开始

复刻配方

一段技术配方,可以直接交给 AI 编程助手,也可以自己照着写。想指定技术栈、位置和性能预算,就把它加入实现方案。

Run a GPGPU simulation where each texel holds a particle position and life; advect positions by the curl of a 3D simplex noise field so the motion swirls without clumping. Draw an InstancedBufferGeometry of tiny boxes, looking up each instance's position from the simulation texture in the vertex shader and orienting it along the velocity derived from current minus previous position. Render a depth pass with the same vertex logic for shadow mapping. Respawn particles on a sphere when their life expires.

档案

能不能拿来用

原作以 MIT 许可开源:可以阅读源码学习,按许可证条款使用;在自己的项目里引用时保留原作者署名。

性能开销

视觉强度

实现难度

尺度为策展判断(1 到 5),用于比较和推荐。

核实记录:Demo loads (200 at clicktorelease.com); repo has MIT licence.