跳到正文
网页珍奇柜Web Curio

对称丝绸画

Silk – Interactive Generative Art,Yuri Vishnevsky (music by Mat Jarvis),2010 年

正在布展…

本柜的现场复刻:按原作的技术思路从零编写,不含原作的代码和素材。原作请点上方「去看原作」。

它是怎么做的

  1. 第 1 步鼠标轨迹生成一串带速度的粒子。
  2. 第 2 步粒子受噪声场与弹性约束影响缓慢漂移。
  3. 第 3 步相邻粒子之间以低透明度描线,叠加混合产生发光感。
  4. 第 4 步按旋转/镜像对称把同一笔画复制多份。

复刻配方

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

On drag, emit points into a list with velocity from pointer movement. Each frame advect points through a slowly evolving 2D noise field and dampen velocity, then stroke a polyline through them with very low alpha and 'lighter' composite mode so overlaps glow. Draw the same polyline N times rotated around the canvas center (and optionally mirrored) for symmetry. Never clear the canvas while drawing, so strokes accumulate; add a soft ambient pad with WebAudio whose filter cutoff follows stroke speed.

档案

能不能拿来用

原作不是开源许可(proprietary — inspiration only):只能作为视觉参考,不要复制它的代码或素材,自己按技术思路实现。

性能开销

视觉强度

实现难度

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

核实记录:Live site loads (HTTP 200, title 'Silk – Interactive Generative Art'). No public repository found.