void setup () {
size (500, 400); //เป็นการกำหนดขนาดของcanvas
background (#064572); //เป็นการเพิ่มสีให้กับพื้นหลัง โดย background(สีแดง, สีเขียว, สีน้ำเงิน); ค่าของสีแต่ละตัวมีได้สูงสุดไม่เกิน 255 และต่ำสุดที่ 000
//variable เป็นบรรทัดที่จะมีการประกาศตัวแปร
int count = 0; //เป็นบรรทัดที่ประกาศ และกำหนดตัวแปร โดย int คือค่าของตัวแปรที่เป็นจำนวนเต็ม หลักการคือนำค่าทางด้านขวาของเครื่องหมาย = ไปใส่ให้ทางด้านซ้ายเรียกว่า Assingment Operator ในที่นี้คือ0
int q = 15;//กำหนดตัวแปรq = 15 เพื่อนำมาแทนค่าในฟังก์ชัน
int a = 50; //ความหมายคือ นำ 10 ซึ่งเป็นจำนวนเต็ม ทางด้านขวาของเครื่องหมาย = ไปใส่ค่าให้กับตัวแปรทางด้านซ้าย คือตัวแปร n นั่นเอง
int x = 250;//กำหนดตัวแปร x = 250 เพื่อนำมาแทนค่าในฟังก์ชัน
int y = 10;//กำหนดตัวแปร y = 10 เพื่อนำมาแทนค่าในฟังก์ชัน
int c = 0;//กำหนดตัวแปร c = 0เพื่อนำมาแทนค่าในฟังก์ชัน
int d = 0;//กำหนดตัวแปร e = 485เพื่อนำมาแทนค่าในฟังก์ชัน
int e = 485;//กำหนดตัวแปร d = 0เพื่อนำมาแทนค่าในฟังก์ชัน
int f = 500;//กำหนดตัวแปร f = 500 เพื่อนำมาแทนค่าในฟังก์ชัน
//loop สามารถนำ while มาในการสร้าง loop ได้
while(count<=q) { //เป็นคำสั่ง while ซึ่งหลักการคือ ถ้าเงื่อนไขที่กำหนดเป็นจริงจะกระทำตามที่เราสั่งไว้ ไปเรื่อยๆ จะกว่าเงื่อนไขนั้นจะเป็นเท็จ รูปแบบการเขียนคือ while (เงื่อนไข){คำสั่ง} โดยในข้อนี้สามารถอธิบายได้ว่า ขณะที่ count น้อยกว่าหรือเท่ากับ ค่าของ n นั้น จะสั่งให้วาดเส้นตรงออกมาเรื่อยๆ ถ้าอยากให้หยุดเราต้องทำให้สถานะการณ์นี้เป็นเท็จ โดยเพิ่มค่าให้กับตัวแปร a และ count นั่นเอง
stroke (#DA133B); //คือคำสั่งเกี่ยวกับการเติมสีเส้นให้เป็นสีแดง
strokeWeight (5); //เป็นการกำหนดความหนาของเส้น โดยstrokeWeight(ค่าความหนาของเส้น);
line (x, y+d, d+c, f); //เป็นการสร้างเส้น โดย line วาดเส้นตรงเพื่อเป็นลวดขึงสะพานแขวน
line (x, y+450,f -a,490 );//วาดเส้นตรงเพื่อเป็นลวดขึงสะพานแขวน
d = d+20; //เป็นการเพิ่มค่าให้กับตัวแปร a หมายความว่า a จะมีค่าเท่ากับ ค่าของตัวแปร a บวกกับค่าที่เป็นจำนวนเต็มคือ 20
count = count +2;//นับค่าเพิ่มให้กับลวดขึงสะพานแขวนครั้งละ 2 และทำตามเงื่อนไขไปเรื่อยๆ จนกว่าจะมีค่ามากกว่า q จะหยุดวาดเส้น
}
//draw Pole วาดแกนขั้วตรงกลาง
noStroke();
fill (#DA133B); //เป็นการเติมสีให้กับวัตถุให้เป็นสีแดง
rect( 250,8,30,300);//วาดรูปสี่เหลี่ยมใดๆ โดย quad //เพื่อเป็นเสาของสะพาน
fill (#DA133B); //เป็นการเติมสีให้กับวัตถุให้เป็นสีแดง
quad(160, height, 240,height,520, 0,500,0); //เป็นการสร้างรูปสีเหลี่ยม เพื่อเป็นส่วนพื้นสะพาน
}
ไม่มีความคิดเห็น:
แสดงความคิดเห็น