临摹原图
分析
图形一共由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