今天第一個程式:
第一個:
PImage img= loadImage("ARuFa.jpg");
size(600,400);image(img,0,0);


第二個:
PImage img;
void setup()
{
  size(600, 400);
  img=loadImage("ARuFa.jpg");
}
void draw()
{
  image(img,0,0);
  noStroke();
  fill(193,253,255,128);///顏色加透明(R,G,B,透明度)
  rect(mouseX,mouseY,80,70);///加上mouseX,mouseY，讓rect跟著滑鼠跑
}


第三個:
PImage img;
void setup()
{
  size(600, 400);
  img=loadImage("ARuFa.jpg");
}
void draw()
{
  image(img, 0, 0);
  noCursor();
  noStroke();
  fill(193, 253, 255, 128);///顏色加透明(R,G,B,透明度)
  rect(mouseX+140, mouseY, 80, 70);
  rect(mouseX+70, mouseY, 80, 70);///加上mouseX,mouseY，讓rect跟著滑鼠跑
  rect(mouseX, mouseY, 80, 70);
  rect(mouseX-70, mouseY, 80, 70);
  ///上三塊
  rect(mouseX+35, mouseY-60, 80, 70);
  rect(mouseX-35, mouseY-60, 80, 70);
  rect(mouseX+105, mouseY-60, 80, 70);
  ///下三塊
  rect(mouseX+35, mouseY+60, 80, 70);
  rect(mouseX-35, mouseY+60, 80, 70);
  rect(mouseX+105, mouseY+60, 80, 70);
  ///上兩塊
  rect(mouseX+70, mouseY-120, 80, 70);
  rect(mouseX, mouseY-120, 80, 70);
  ///下兩塊
  rect(mouseX+70, mouseY+120, 80, 70);
  rect(mouseX, mouseY+120, 80, 70);
  ///上一塊
  rect(mouseX+35, mouseY-180, 80, 70);
  ///下一塊
  rect(mouseX+35, mouseY+180, 80, 70);
}


第四個:(用for迴圈修改)
PImage img;
void setup() {
  size(600, 400);
  img = loadImage("ARuFa.jpg");
}

void draw() {
  image(img, 0, 0);
  noCursor();
  noStroke();
  fill(193, 253, 255, 128); // 顏色加透明(R,G,B,透明度)

  // 第一層
  for (int i = -1; i <= 2; i++) {
    rect(mouseX + i * 70, mouseY, 80, 70);
  }

  // 第二層
  for (int i = -1; i <= 1; i++) {
    rect(mouseX + i * 70 + 35, mouseY - 60, 80, 70);
    rect(mouseX + i * 70 + 35, mouseY + 60, 80, 70);
  }

  // 第三層
  for (int i = 0; i <= 1; i++) {
    rect(mouseX + i * 70, mouseY - 120, 80, 70);
    rect(mouseX + i * 70, mouseY + 120, 80, 70);
  }

  // 第四層
  rect(mouseX + 35, mouseY - 180, 80, 70);
  rect(mouseX + 35, mouseY + 180, 80, 70);
}


第五個(一)畫方格:
size(450, 450);
background(220,179,92);
strokeWeight(2);
noFill();
for (int i=0; i<8; i++)
{
  for (int j=0; j<8; j++)
  rect(25+j*50,25+i*50,50,50);
}



第五個(二)畫線:
size(450, 450);
background(220,179,92);
strokeWeight(2);
for (int i=0; i<9; i++)
{
  line(25, 25+i*50, 425, 25+i*50);
  line(25+i*50, 25, 25+i*50, 425);
}


第六個:
void setup()
{
  size(450, 450);
}
void draw()
{
  background(220, 179, 92);
  strokeWeight(2);
  for (int i=0; i<9; i++)
  {
    line(25, 25+i*50, 425, 25+i*50);
    line(25+i*50, 25, 25+i*50, 425);
  }
  ellipse(mouseX,mouseY,45,45);///棋子跟著滑鼠走
}


第七個(滑鼠按下會停在棋盤上):
int [][]board=new int[9][9];
void setup()
{
  size(450, 450);
}
void draw()
{
  background(220, 179, 92);
  strokeWeight(2);
  for (int i=0; i<9; i++)
  {
    line(25, 25+i*50, 425, 25+i*50);
    line(25+i*50, 25, 25+i*50, 425);
  }
  for (int i=0; i<9; i++) {
    for (int j=0; j<9; j++) {
      if (board[i][j]==1)ellipse(25+j*50, 25+i*50, 45, 45);
    }
  }
  ellipse(mouseX, mouseY, 45, 45);
}
void mousePressed()
{
  int i=mouseY/50,j=mouseX/50;
  board[i][j]=1;
}

第八個(棋子會變色):
int goColor=-1;
int [][]board=new int[9][9];
void setup()
{
  size(450, 450);
}
void draw()
{
  background(220, 179, 92);
  strokeWeight(2);
  for (int i=0; i<9; i++)
  {
    line(25, 25+i*50, 425, 25+i*50);
    line(25+i*50, 25, 25+i*50, 425);
  }
  for (int i=0; i<9; i++) {
    for (int j=0; j<9; j++) {
      if (board[i][j]==0)continue;
      if (board[i][j]==1)fill(255);
      if (board[i][j]==-1)fill(0);
      ellipse(25+j*50, 25+i*50, 45, 45);
    }
  }
  if (goColor==-1)fill(0);
  else fill(255);
  ellipse(mouseX, mouseY, 45, 45);
}
void mousePressed()
{
  int i=mouseY/50, j=mouseX/50;
  board[i][j]=goColor;
  goColor=goColor*-1;
}


第九個(接著第四個繼續改):
int[] boardX = {140, 70, 0, -70, 35, -35, 105, 35, -35, 105, 70, 0, 70, 0, 35, 35};
int[] boardY = {0, 0, 0, 0, -60, -60, -60, 60, 60, 60, -120, -120, 120, 120, -180, 180};
PImage img;
void setup() {
  size(600, 400);
  img = loadImage("ARuFa.jpg");
}

void draw() {
  image(img, 0, 0);
  noCursor();
  noStroke();
  fill(193, 253, 255, 128); // 顏色加透明(R,G,B,透明度)

  for (int i = 0; i <16; i++) {
    rect(mouseX + boardX[i], mouseY + boardY[i], 80, 70);
  }
}


快捷鍵: