Football Field.

   

เราสามารถขยายขนาดของสนามฟุตบอลได้โดยการเปลี่ยนค่าตัวแปร distant ตามต้องการ

 
void setup () { //ฟัง์ชั่น void setup () {....} เป็นคำสั่งที่จะถูกโปรแกรมเรียกมาใช้ก่อนและเรียกใช้เพียงครั้งเดียว
//Local variable //การประกาสตัวแปรภายในฟังก์ชั่น ฟังก์ชั่นอื่นไม่สามารถเรียกใช้ได้
int distant = 20;  //เป็นการประกาศ และกำหนด ตัวแปรเป็นชนิดจำนวนเต็ม โดยมีวิธีใช้ดังนี้ ชนิดของตัวแปร ชื่อของตัวแปร = ค่าที่จะใส่ให้กับตัวแปร
size (500, 250); //เป็นคำสั่งที่ใช้กำหนดขนาด ของ canvas โดยมีวิธีใช้ดังนี้ size = (ความกว้าง, ความสูง);
background (0, 255, 0); //เป็นคำสั่งใส่สีให้กับ background โดย background (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
noFill();  //เป็นคำสั่งยกเลิกการใส่สีให้กับวัตถุ
stroke (255); //เป็นคำสั่งใส่สีสันให้กับเส้น
strokeWeight (3);  //เป็นคำสั่งใส่น้ำหนักให้กับเส้น
rect (distant+10, distant-10, width-((distant+10)*2), height-((distant-10)*2));  //เป็นคำสั่งวาดรูปสี่เหลี่ยมด้านเท่า โดยมีวิธีใช้ดังนี้ rect (จุดเริ่มแกน x, จุดเริ่มแกนy, ความกว้าง, ความยาว, ส่วนโค้ง );

rect (distant, (height/2)-15, distant-10, distant+10);
rect (width-(distant+10), (height/2)-15, distant-10, distant+10);

rect (distant+10, (height/2)-60, (distant*3)-10, distant*6);
rect (width-(distant*4), (height/2)-60, (distant*3)-10, distant*6);

line (width/2, distant-10, width/2, height-(distant-10));  //เป็นคำสั่งใช้ในการวาดเส้น โดยมีวิธีใช้ดังนี้ line(จุดเริ่มต้นแกนx, จุดเริ่มต้น แกนy, จุดสิ้นสุดแกนx, จุดสิ้นสุด แกนy);
ellipse (width/2, height/2, distant*3, distant*3);  //เป็นคำสั่งใช้ในการวาดวงกลม หรือวงรี โดยมีวิธีใช้ดังนี้ ellipse (จุด ศก. แกนx, จุด ศก. แกนy, ความกว้าง, ความยาว);
ellipse (width/2, height/2, 5, 5);

arc (distant*4, height/2, distant*3, distant*3, (PI*3)/2, (PI*5)/2);  //เป็นคำสั่งใช้ในการวาดวงกลมตามองศาของมุม โดยมีวิธีใช้ arc (จุด ศก. ตามแกนX, จุด ศก. ตามแกน Y, ความกว้าง, ความยาว, องศาเริ่มต้นม องศาสิ้นสุด);
ellipse (distant*4, height/2, 5, 5); 
arc (width-(distant*4), height/2, distant*3, distant*3, HALF_PI, (PI*3)/2);
ellipse (width-(distant*4), height/2, 5, 5);

strokeWeight (2);
rect (distant+10, (height/2)-30, distant+10, distant*3);
rect (width-(distant*3), (height/2)-30, distant+10, distant*3);

}