用p5.js实现的码绘与手绘的比较(动态)
上篇:用p5.js实现的码绘与手绘的比较(静态)https://blog.csdn.net/wangyouxu24/article/details/84330665
一、编程实现的动态效果
-
效果图
在这个借由p5.js实现的效果里,背景由在一定范围内随机变化的圆组成(这里参考了OpenProcessing上的代码),中间的眼睛可以随着鼠标在固定区域内转动。 -
主要代码
//绘制背景
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*