Chessboard

void setup() {
  background(0);
  size(400, 400);//
}
  int [][]a= { {  0, 100,200, 300 }, {  50, 50,50,50},{150,150,150, 150},{250,250,250,250},{350,350,350,350 } };//มีการประกาศและกำหนดเป็น array
  int i=0;//
  void draw(){
    drawOthello();//
  }

void drawOthello() {//

  while (i<a[0].length) {
    rect(a[0][i],a[2][i] , 50, 50);
    rect(a[0][i],a[1][i] , 50, 50);
    rect(a[0][i],a[3][i] , 50, 50);
    rect(a[0][i],a[4][i] , 50, 50);
    rect(a[0][i]+50,a[2][i]-50 , 50, 50);
    rect(a[0][i]+50,a[1][i]-50 , 50, 50);
    rect(a[0][i]+50,a[3][i]-50 , 50, 50);
    rect(a[0][i]+50,a[4][i]-50 , 50, 50);
    i=i+1;
  }

}

Othello

void setup() {
  size(400, 400);//ขนาดของ canvas
}
  int [][]a= { {  0, 50, 100, 150, 200, 250, 300, 350 }, { 0, 50, 100, 150, 200, 250, 300, 350 } };//มีการประกาศและกำหนดเป็น array
  int i=0;//ประกาศและกำหนดตัวเเปรเพื่อนำไปใช้ในการวนลูป
  void draw(){
    drawOthello();//เรียกใช้ user function
  }

void drawOthello() {//user function สร้างขึ้นมาเอง

  while (i<a[0].length) {//เงื่อนไข while loop จะกระทำซ้ำๆตามเงื่อนไขมีการวนจนกว่าจะไม่เป็นไปตามเงื่อนไข จากนั้นก็จะจบการทำงานภายใน while loop
    rect(a[0][i],a[1][0] , 50, 50);
    rect(a[0][i],a[1][1] , 50, 50);
    rect(a[0][i],a[1][2] , 50, 50);
    rect(a[0][i],a[1][3] , 50, 50);
    rect(a[0][i],a[1][4] , 50, 50);
    rect(a[0][i],a[1][5] , 50, 50);
    rect(a[0][i],a[1][6] , 50, 50);
    rect(a[0][i],a[1][7] , 50, 50);
    i=i+1;
  }  //เมื่อไม่เป็นไปตามเงื่อนไขด้านบนก็จะจบการทำงานและทำ ststment ด้านล่างนี้
  strokeWeight(9);//ขนาดของเส้นที่ใช้วาด  fill(250);//สีขาวใช้ในการวาดรูปวงกลม
  ellipse(a[0][5],a[1][5] , 40, 40);
  ellipse(a[0][4],a[1][5] , 40, 40);
  fill(0);//สีดำใช้ในการวาดวงกลม
  ellipse(a[0][4],a[1][4] , 40, 40);
  ellipse(a[0][5],a[1][4] , 40, 40);
}

OX

 void setup() {
  size(300, 300);
}
  int [][]a= {{ 0, 100, 200},{ 0, 100, 200 }  };//มีการประกาศและกำหนดเป็น array
  int i=0;  //ประกาศและกำหนดตัวเเปรเพื่อนำไปใช้ในการวนลูป

  void draw(){
  drawOtello();//เรียกใช้ user function
  }

void drawOtello() {//เป็น user fuction ที่เราสร้างขึ้นมาเอง
  fill(250);//การใส่สีขาว
  strokeWeight(7);//ขนาดของเส้นที่ใช้วาด
  stroke(0);
  while (i<a[0].length) {//เงื่อนไข while loop จะกระทำซ้ำๆตามเงื่อนไขมีการวนจนกว่าจะไม่เป็นไปตามเงื่อนไข จากนั้นก็จะจบการทำงานภายใน while loop
    rect(a[0][i],a[1][0] , 100, 100);//ช่องสี่เหลี่ยมด้านบน
    rect(a[0][i],a[1][1] , 100, 100);//ช่องสี่เหลี่ยมตรงกลาง
    rect(a[0][i],a[1][2] , 100, 100);//ช่องสี่เหลี่ยมด้านล่าง
    i=i+1;
  }  //เมื่อไม่เป็นไปตามเงื่อนไขด้านบนก็จะจบการทำงานและทำ ststment ด้านล่างนี้
  strokeWeight(9);//ขนาดของเส้นที่ใช้วาด
  fill(250);//พื้นหลังของวงกลมมีสีขาว
  stroke(245,103,93);//สีของเส้นที่ใช้ในการวาด
  ellipse(a[0][1]+50,a[1][0]+50 , 80, 80);//วาดวงกลมด้านบนช่องกลางโดยนำค่ามาจาก array
  ellipse(a[0][2]+50,a[1][1]+50, 80, 80);
  stroke(25,153,245);
  line(a[0][1],a[1][2] ,a[0][2],a[1][1] );//วาดเส้นกากบาท
  line(a[0][1],a[1][1] ,a[0][2],a[1][2] );

}