The book 2

จิตนาการสำคัญกว่าความรู้

void setup(){
size(200,200); // กำหนดขนาด screen
background(255);  // กำหนดสีพื้นหลัง เป็นสีขาว

}
int a = 55; // กำหนดค่าตัวแปร a เป็นตัวแปร global
int b = 85; // กำหนดค่าตัวแปร b เป็นตัวแปร global
int c = 115; // กำหนดค่าตัวแปร c เป็นตัวแปร global
int d = 145; // กำหนดค่าตัวแปร d เป็นตัวแปร global
int r  = 0; // กำหนดค่าตัวแปร r เป็นตัวแปร global

void draw(){

fill(255,128,192); // กำหนดสีให้วงกลมวงใหญ่สุด เป็นสีชมพู

ellipse(100,100,r,r); // สั่งวาดวงกลมวงแรก โดยแทนรัศมีเป็นตัวแปร r

fill(128,255,128);  // กำหนดสีให้วงกลมวงกลาง เป็นสีเขียว

ellipse(100,100,r - 50, r - 50);  // สั่งวาดวงกลมวงที่ 2 โดยแทนรัศมีเป็นตัวแปร r

fill(128,255,255);  // กำหนดสีให้วงกลมวงเล็กสุด เป็นสีฟ้า

ellipse(100,100,r - 100, r - 100); // สั่งวาดวงกลมวงที่ 3 โดยแทนรัศมีเป็นตัวแปร r

r = r + 1;   // เพิ่มค่า r ขึ้นเรื่อยๆ

if (r > 400){ // ถ้าค่าของตัวแปร r มีค่ามากกว่า 400

     r = 50;   // ให้ตัวแปร r มีค่า 50

   }

fill(0,64,128); //กำหนดสีให้กับปกหนังสือ เป็นสีน้ำเงินเข้ม
rect(40,55,120,90); // วาดสี่เหลี่ยมเป็นปกหนังสือ
fill(255); //กำหนดสีให้กับหน้าหนังสือ เป็นสีขาว
rect(45,60,110,80); // วาดสี่เหลี่ยมเป็นหน้าหนังสือ
fill(100,177,255); // กำหนดสีให้กับสันหนังสือ เป็นสีฟ้า
rect(95,55,10,90); // วาดสี่เหลี่ยมเป็นสันหนังสือ

line(a,75,b,75); // 1
line(a,85,b,85); // 2
line(a,95,b,95); // 3
line(a,105,b,105); // 4
line(a,115,b,115); // 5
line(a,125,b,125); // 6
// บรรทัดที่ 1-6 สั่งให้วาดเส้นตรงทางหน้าหนังสือฝั่งซ้าย โดยกำหนดค่า x เป็นตัวแปร a และ b เพื่อไม่ให้สับสนค่าของ x
line(c,75,d,75); // 7
line(c,85,d,85); // 8
line(c,95,d,95); // 9
line(c,105,d,105); // 10
line(c,115,d,115); // 11
line(c,125,d,125); // 12
// บรรทัดที่ 7-12 สั่งให้วากเส้นตรงทางหน้าหนังสือฝั่งซ้าย โดยกำหนดค่า x เป็นตัวแปร c และ d เพื่อไม่ให้สับสนค่าของ x
}