互动媒体技术实验报告——作品临摹

临摹原图

分析
图形一共由6x6圆形形组成，每个圆形少四分之一并且可以分为4个一组，一共有9组，所以，只要先做出一组，就可以通过循环实现相应的效果。
每四个圆的角速度都相同，相对的两个旋转方向相同，每次旋转的角度都是π/2。
1**.设置工具类以获取坐标点**

实时获取坐标方便编程
function tools(){
   for(var i=10;i<500;i=i+10){
    stroke(250,170,240,100);
    line(0,i,500,i);
    line(i,0,i,500);
  }
  
  fill(0,0,0);
  text(mouseY,mouseX+25,mouseY);
  text(mouseX,mouseX,mouseY);
}

2.绘制一组圆形

function setup() {
  createCanvas(600, 600);
}

function draw() {
  background(0);
  arc(50,50,90,90,HALF_PI,0);
  arc(150,50,90,90,PI,HALF_PI);
  arc(50,150,90,90,0,PI+HALF_PI);
  arc(150,150,90,90,PI+HALF_PI,PI);
}

3，使这一组扇形进行旋转

function draw() {
  background(0);
  x = frameCount/(PI);