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

}