用p5.js实现的码绘与手绘的比较（动态）

用p5.js实现的码绘与手绘的比较（动态）

上篇：用p5.js实现的码绘与手绘的比较（静态）https://blog.youkuaiyun.com/wangyouxu24/article/details/84330665

一、编程实现的动态效果

1. 效果图
   
   在这个借由p5.js实现的效果里，背景由在一定范围内随机变化的圆组成（这里参考了OpenProcessing上的代码），中间的眼睛可以随着鼠标在固定区域内转动。

2. 主要代码

//绘制背景
for(var i=0;i<n;i++)
{
   
       var theta = 2.39996*i;    
     var r = myscale*sqrt(i);    
     noStroke();    
     var s = i/float(n);    
     fill(-40+2.0*s,1-2.0*s, 0.3 + s );    
     var d = myscale*(4-r/120+ 5*noise(r+t));    
     ellipse(0.5*width