P5.js创意编程临摹作品+拓展

动态艺术

   互动媒体这门课生动有趣，老师带我们从另外一个角度认识艺术的世界，从编程，从数学的角度发现艺术的美。
   动态的艺术最为令人陶醉，在该课程老师的要求下，从给定动态艺术图片中选择了一个较为简单的动态图进行临摹：

观察规律

首先从这张旋转的图，旋转很有美感。颜色的变换也很有层次感。
美丽都是有规律的，这个图也不例外。我们取截图仔细观察：

仔细观察可以看出来下面几条规律：
1、如果把相同颜色的小圆形（这里暂且把它看作圆）看作形成一个圈，那么这个静止的图形从里到外按颜色区分就是有，8个圆圈
2、从里到外（最里面四个小圆）到外面的大圆圈每一圈小圆的数量都是递增4个。 也就是从四个增加到32个
3、每一圈的小圆形都是均匀分布
4、再次观察动图可知，每一圈的转动速度略微有所减少
5、每一圈的小圆其实更接近与椭圆而且有模糊的效果。
通过总结以上这些规律，我们开始用P5.js进行创意艺术编程。
首先是生成 8个圈的圆形
只要弄清楚如何生成一个圆上均匀分布的点 ，初步的形状就可以生成：
画一个圆，打个草稿（转换为P5画布的坐标系）：

 for(j=0;j<8;j++)
 {
   
     for(i=0;i<(4*(j+1));i++)
  {
     
     ellipse(midx+R*sin(i*thta+rota),midy-