Ohello and Pieces

.. Ohello ..

~  ~ hu hu hu :')) ~  ~



Ohello Processing.js code

void setup(){  //สร้างฟังก์ชันเรียกใช้อัตโนมัติ setup
  int x = 0;  //ประกาศและกำหนดค่าตัวแปร local
  int y = 0;  //ประกาศและกำหนดค่าตัวแปร local
  float[][] othello = {
    {random(0,2),random(0,2),random(0,2),random(0,2),random(0,2),random(0,2),random(0,2),random(0,2)},
   {random(0,2),random(0,2),random(0,2),random(0,2),random(0,2),random(0,2),random(0,2),random(0,2)}
};  //ประกาศและกำหนดค่าอะเรย์ ชื่อ othello ให้เก็บค่า random สุ่มตัวหมาก
  size(400,400);  //กำหนดขนาด
  background(2,169,232);  //กำหนดสีพื้นหลัง
  int space = 50;  //ประกาศและกำหนดค่าตัวแปร local ชื่อ space เป็นจำนวนเต็ม
  int i = 0;  //ประกาศและกำหนดค่าตัวแปร i
  while(i<9){  //สร้างลูปให้เงื่อนไขการวนลูปคือ i น้อยกว่า 9
    stroke(77);  //กำหนดสีเส้น
    strokeWeight(2);  //กำหนดความหนาของเส้น
    line(x,0,x,height);  //วาดเส้นตรงในแนวตั้งค่า x เปลี่ยน
    line(0,y,width,y);  //วาดเส้นตรงในแนวนอนค่า y เปลี่ยน
    x = x+space;  //ให้ค่า x บวก 50 หน่วย
    y = y+space;  //ให้ค่า y บวกเพิ่ม 50 หน่วย
    i = i+1;
  }
  x = 25;  //กำหนดให้ค่า x เท่ากับ 25
  y = 25;  //กำหนดให้ค่า y เท่ากับ 25
  int j = 0;  //ประกาศและกำหนดค่าตัวแปร local
  int k = 0;
  int m = 0;
  noStroke();  //ไม่วาดเส้นขอบ
  while(j<othello[0].length/2){  //สร้างลูป มีเงื่อนไขการวลนลูปคือค่า j ต้องน้อยกว่าจำนวน index ในอะเรย์สองมิติตำแหน่ง 0 หรือน้อยกว่า 4
    while(m<othello.length){  //สร้างลูปโดยมีเงือนไขที่ค่า m ต้องน้อยกว่าความยาว  parallel array หรือก็คือน้อยกว่า 2
      while(k<othello[m].length){  //สร้างลูป ให้ค่า k น้อยกว่า จำนวน index ใน parallel array
        if(othello[m][k]<=1){  //เงื่อนที่ถ้าค่า index น้อยกว่าหรือเท่ากับ 1 ให้ใส่สีดำ
          fill(0);
        }else{  //ถ้าไม่ใช่ให้ใส่สีขาว
          fill(255);
        }
        ellipse(x,y,40,40);  //วาดวงกลมที่ตำแหน่ง x ,y รัศมี 40
        x = x+space;  //ให้ค่า x บวกค่า space จะวาดวงกลดถัดไปที่ตำแหน่งทางขวา ห่างจากเดิม 50 หน่วย
        k = k+1;  //ค่า k บวกเพิ่ม 1
      }  //end loop
      y = y+space;  //ให้ค่า y บวกค่า space
      x = 25;  //รีเซ็ตค่า x ให้เป็นตำแหน่งเริ่มต้นใหม่
      k = 0;  //รีเซ็ตค่า k เท่ากับ 0
      m = m+1;  //ให้ค่า m บวกเพิ่ม เพื่ออ่านค่าต่อไปใน parallel array
    }  //end loop
    m = 0;  //รีเซ็ตค่า m
    j = j+1;  //ให้ค่า j บวกเพิ่ม 1
  }  //end loop
}