book :)

void setup(){
size(300,300);  // กำหนดขนาดของ canvas
background(251,128,105);  // กำหนดสีพื้นหลัง
int a = 80;       // ปรกาศตัวแปร local ชนิด int ชื่อ a กำหนดค่าเป็น 80
int b = 135;     // ปรกาศตัวแปร local ชนิด int ชื่อ b กำหนดค่าเป็น 135
int c = 165;     // ปรกาศตัวแปร local ชนิด int ชื่อ c กำหนดค่าเป็น 165
int d = 220;     // ปรกาศตัวแปร local ชนิด int ชื่อ d กำหนดค่าเป็น 220
int e = 60;       // ปรกาศตัวแปร local ชนิด int ชื่อ e กำหนดค่าเป็น 60
int f = 85;       // ปรกาศตัวแปร local ชนิด int ชื่อ f กำหนดค่าเป็น 85
noStroke();     // กำหนดให้ภาพที่แสดงไม่มีเส้น
fill(0,64,128);     // กำหนดสีของปกหนังสือ
rect(e,f,180,130);  // เรียกใช้คำสั่ง rect() วาดสี่เหลี่ยมผืนผ้า โดยกำหนดจุด x และ y รับค่าจากตัวแปร e และ f
fill(255);          // กำหนดสีของแผ่นกระดาษ
rect(e + 10,f + 10,160,110);  // เรียกใช้คำสั่ง rect() วาดสี่เหลี่ยมผืนผ้าโดยกำหนดจุด x และ y รับค่าจากตัวแปร e และ f   และเพิ่มค่าคงที่ให้ตัวแปร e และ f ในคำสั่งแทน โดย ค่า e เพิ่มอีก 10 เป็น 70 และ ค่า f เพิ่มอีก 10 เป็น 95
fill(116,198,156);  // กำหนดสีของสันหนังสือ
rect(e + 85,f,10,130);  // เรียกใช้คำสั่ง rect() วาดสี่เหลี่ยมผืนผ้า โดยกำหนดจุด x และ y รับค่าจากตัวแปร e และ f และเพิ่มค่าคงที่ให้ตัวแปร e ในคำสั่งแทน โดย ค่า e เพิ่มอีก 85 เป็น 145

stroke(0);   // กำหนดให้ภาพที่แสดงมีเส้น เนื่องจากคำสั่ง noStroke() ทำให้ภาพที่แสดงไม่มีเส้น คำสั่ง line() จะไม่แสดงผล
line(a,115,b,115);
line(a,125,b,125);
line(a,135,b,135);
line(a,145,b,145);
line(a,155,b,155);
line(a,165,b,165);
line(a,175,b,175);
line(a,185,b,185);
//  เรียกใช้คำสั่ง line() 8 ครั้งเพื่อวาดเส้นตรง 8 เส้นด้านซ้ายของรูป โดยกำหนดจุด x รับค่าจากตัวแปร a และ b 

line(c,115,d,115);
line(c,125,d,125);
line(c,135,d,135);
line(c,145,d,145);
line(c,155,d,155);
line(c,165,d,165);
line(c,175,d,175);
line(c,185,d,185);
// เรียกใช้คำสั่ง line() 8 ครั้งเพื่อวาดเส้นตรง 8 เส้นด้านขวาของรูป โดยกำหนดจุด x รับค่าจากตัวแปร c และ d
}