深圳网站建设的/网页设计自学要多久

效果图

完整代码和注释

main.pde

主程序很简单，主要的逻辑在于 draw 方法中，即在何处绘制直线：根据 Blob （后文会具体介绍什么是 Blob）上次的位置和当前的位置计算方向向量，然后凭借这个方向计算出新的位置，并将其作为直线的另一个端点（其中一个端点是 Blob 的当前位置）

int blobCount = 3000;
ArrayList<Blob> blobs = new ArrayList<Blob>();
float globalHue;void setup()
{size(640, 480);colorMode(HSB, 255);reset();
}void draw()
{background(10);/// @note 遍历各个 Blobfor (int i = 0; i < blobs.size(); i++){Blob b = blobs.get(i);b.move();stroke(b.hue, b.bright, 255);/// @note 计算新点的位置并连线PVector newPos = b.pos.copy();newPos.sub(b.lastPos); ///< newPos = b.pos - lastPos