正課 Week 10_07166046

圓 : 3*3
size(300,500);
ellipse(50,200+50,100,100);
ellipse(50+100,200+50,100,100);
ellipse(50+100+100,200+50,100,100);

ellipse(50,200+50+100,100,100);
ellipse(50+100,200+50+100,100,100);
ellipse(50+100+100,200+50+100,100,100);

ellipse(50,200+50+100+100,100,100);
ellipse(50+100,200+50+100+100,100,100);
ellipse(50+100+100,200+50+100+100,100,100);


------------------------------------
也可以利用迴圈

size(300,500);
for(int y=0;y<3;y++)
{
  for(int x=0;x<3;x++)
  {
    ellipse(50+x*100,200+50+y*100,100,100);
  }

}


-------------------------------------
圓 : 5*5
size(300,500);
int n=5;
int r=300/n,w=r/2;
for(int y=0;y<n;y++)
{
  for(int x=0;x<n;x++)
  {
    ellipse(w+x*r,200+w+y*r,r,r);
  }

}


-------------------------------------
圓圈縮放
void setup()
{
  size(300,500);
}
int n=5;
int r=300/n,w=r/2,rr=0;
void draw()
{
  for(int y=0;y<n;y++)
  {
    for(int x=0;x<n;x++)
    {
      ellipse(w+x*r,200+w+y*r,rr,rr);
    }
  }
  if(rr<r)rr++;

}

-----------------------------------------------
圓圈遞增
void setup()
{
  size(300,500);
}
int n=3,rr=0;
void draw()
{
  background(0);
  int r=300/n,w=r/2;
    for(int y=0;y<n;y++)
    {
      for(int x=0;x<n;x++)
      {
        ellipse(w+x*r,200+w+y*r,rr,rr);
      }
    }
    if(rr<r)rr+=r/30;
    else
    {
      n++;
      rr=0;
    }

}


----------------------------------------------------

選取的圓圈會變紅色
void setup()
{
  size(300,500);
}
int ansx=1,ansy=2;
int n=3,rr=0;
void draw()
{
  background(0);
  int r=300/n,w=r/2;
    for(int y=0;y<n;y++)
    {
      for(int x=0;x<n;x++)
      {
        if(x==ansx&&y==ansy)fill(128);
        else fill(255);
        if(dist(mouseX,mouseY,w+x*r,200+w+y*r)<w)fill(255,0,0);
        ellipse(w+x*r,200+w+y*r,rr,rr);
      }
    }
 if(rr<r)rr+=r/30;

}

------------------------------------------------------------------------
可以點選顏色不同的圓圈
void setup()
{
  size(300,500);
}
int ansx=1,ansy=2;
int n=3,rr=0;
void draw()
{
  background(0);
  int r=300/n,w=r/2;
    for(int y=0;y<n;y++)
    {
      for(int x=0;x<n;x++)
      {
        if(x==ansx&&y==ansy)fill(240);
        else fill(255);
        if(dist(mouseX,mouseY,w+x*r,200+w+y*r)<w)
        {
          if(mousePressed&&x==ansx&&y==ansy)
          {
            ansx=int(random(n));
            ansy=int(random(n));
          }
        }
        ellipse(w+x*r,200+w+y*r,rr,rr);
      }
    }
 if(rr<r)rr+=r/30;

}

----------------------------------------------------------------
點選顏色不同的圓圈後會變色

void setup()
{
  size(300,500);
  colorMode(HSB,256);
}
int ansx=1,ansy=2;
int n=3,rr=0;
int h=0;
void draw()
{
  background(0);
  int r=300/n,w=r/2;
    for(int y=0;y<n;y++)
    {
      for(int x=0;x<n;x++)
      {
        if(x==ansx&&y==ansy)fill(h-10,243,234);
        else fill(h,255,255);
        if(dist(mouseX,mouseY,w+x*r,200+w+y*r)<w)
        {
          if(mousePressed&&x==ansx&&y==ansy)
          {
            ansx=int(random(n));
            ansy=int(random(n));
            h+=20;
            if(h>256)h=0;
          }
        }
        ellipse(w+x*r,200+w+y*r,rr,rr);
      }
    }
 if(rr<r)rr+=r/30;

}