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);
}