Snooker Sport.

size (500, 500); //เป็นการกำหนดขนาดของcanvas โดย  size (ขนาดของแกนx, ขนาดของแกนy);
background (255, 204, 153); //เป็นการเพิ่มสีให้กับพื้นหลัง โดย background(สีแดง, สีเขียว, สีน้ำเงิน); ค่าของสีแต่ละตัวมีได้สูงสุดไม่เกิน 255 และต่ำสุดที่ 000

//variables เป็นบรรทัดที่ประกาศ และกำหนดตัวแปร โดย int คือค่าของตัวแปรที่เป็นจำนวนเต็ม หลักการคือนำค่าทางด้านขวาของเครื่องหมาย = ไปใส่ให้ทางด้านซ้ายเรียกว่า Assingment Operator
int x = 5; //ความหมายคือ นำ 5 ซึ่งเป็นจำนวนเต็ม ทางด้านขวาของเครื่องหมาย = ไปใส่ค่าให้กับตัวแปรทางด้านซ้าย คือตัวแปร x นั่นเอง
int y = 500
int z = x+20;//ความหมายคือ นำค่า x ที่ได้บวกกับ 20 ซึ่งเป็นจำนวนเต็ม จากนั้นนำมาใส่ค่าให้กับตัวแปร z ทางซ้ายมือ
int r = 25;
int c = 250;

//draw Snooker table วาดโต๊ะสนุ๊กเกอร์
stroke (051, 000, 000); //คือคำสั่งเกี่ยวกับการเติมสีเส้น โดย stroke (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
strokeWeight (10);//เป็นการกำหนดความหนาของเส้น โดยstrokeWeight(ค่าความหนาของเส้น);
line (0, y, 100, x);//เป็นการสร้างเส้น โดย line (ค่าพิกัดจุดเริ่มของx, ค่าพิกัดจุดเริ่มของy, ค่าพิกัดจุดสิ้นสุดของx, ค่าพิกัดจุดสิ้นสุดของy);
line (500, y, 400, x);
line (100, x, 400, x);
strokeWeight (5);
line (100, x, 120, z
line (400, x, 380, z);
line (120, z, 380, z);
line (120, z, 15, y);
line (380, z, 485, y);
fill (051, 102, 000);//เป็นการเติมสีให้กับรูปร่างที่เราสร้าง โดยfill(ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
quad (120, z, 380, z, 485, y, 15, y);//เป็นการสร้างรูปสี่เหลี่ยมใดๆ โดย quad (ค่าxที่เป็นจุดแรกของสี่เหลี่ยม, ค่าyที่เป็นจุดแรกของสี่เหลี่ยม, ค่าxที่เป็นจุดที่สองของสี่เหลี่ยม, ค่าyที่เป็นจุดที่สองของสี่เหลี่ยม, ค่าxที่เป็นจุดที่สามของสี่เหลี่ยม, ค่าyที่เป็นจุดที่สามของสี่เหลี่ยม, ค่าxที่เป็นจุดสุดท้ายของสี่เหลี่ยม, ค่าyที่เป็นจุดสุดท้ายของสี่เหลี่ยม);
fill (102, 51, 000);
quad (0, y, 15, y, 120, z, 100, x);
quad (500, y, 485, y, 380, z, 400, x);
quad (100, x, 400, x, 380, z, 120, z);
fill (051, 051, 051);
arc(380, z, r, r, HALF_PI, PI);//เป็นการสร้างวงกลมที่ไม่จำเป็นต้องเต็มวง โดย arc(ค่าxที่เป็นจุดศูนย์กลางวงกลม, ค่าyที่เป็นจุดศูนย์กลางวงกลม, ขนาดความยาวของวงกลมตามแกนx, ขนาดความยาวของวงกลมตามแกนy, จุดที่เริ่มต้นวาดวงกลม, จุดสิ้นสุดการวาดวงกลม);
arc (120, z, r, r, 0, HALF_PI);
arc (15, y, r, r, 0, 2*PI);
arc (485, y, r, r, 0, 2*PI);

//draw line of Snooker Table วาดเส้นตารางบนโต๊ะสนุ๊กเกอร์
stroke (255, 255, 255);
strokeWeight (2);
noFill (); //คือคำสั่งที่ใช้ยกเลิกการเติมสีให้กับรูปร่าง
line (100, 150, 400, 150);
arc(c, 150, 112, 100, PI, 2*PI, OPEN);

//draw Snooker balls วาดลูกสนุ๊กเกอร์
noStroke (); //คือคำสั่งที่ยกเลิกการวาดเส้น
fill (255, 000, 51);
ellipse (c, 280, r, r);//คือคำสั่งที่ใช้ในการวาดรูปทรงกลม หรือทรงรีก็ได้ โดย ellipse (ค่าxที่เป็นจุดศูนย์กลางวงกลม, ค่าyที่เป็นจุดศูนย์กลางวงกลม, ขนาดความยาวของวงกลมตามแกนx, ขนาดความยาวของวงกลมตามแกนy); ถ้าขนาดความยาวของวงกลมตามแกนx กับ ขนาดความยาวของวงกลมตามแกนy เท่ากันจะเป็นวงกลม แต่ถ้าไม่จะเป็นวงรี
fill (255, 000, 000);
ellipse (c, 330, r, r);
ellipse (236, 350, r, r);
ellipse (222, 370, r, r);
ellipse (208, 390, r, r);
ellipse (194, 410, r, r);
ellipse (264, 350, r, r);
ellipse (278, 370, r, r);
ellipse (292, 390, r, r);
ellipse (306, 410, r, r);
ellipse (c, 370, r, r);
ellipse (236, 390, r, r);
ellipse (264, 390, r, r);
ellipse (222, 410, r, r);
ellipse (c, 410, r, r);
ellipse (278, 410, r, r);
fill (000, 000, 000);
ellipse (c, 460, r, r);
fill (000, 000, 255);
ellipse (c, 200, r, r);
fill (153, 051, 000);
ellipse (c, 150, r, r);
fill (255, 255, 255);
ellipse (c, 100, r, r);
fill (051, 255, 000);
ellipse (194, 150, r, r);
fill (255, 255, 000);
ellipse (306, 150, r, r);

//draw Cue stick วาดไม้คิว
stroke (153, 102, 000);
strokeWeight (20);
line (160, z+55, 55, y-55);
line (340, z+55, 445, y-55);