ประเพณีไหลเรือไฟ
void setup(){
size(500,500); // กำหนดขนาดของ screen
}
float r = 0; // ประกาศตัวแปรและกำหนดค่า โดยกำหนดค่า r เป็น float เพราะเลขที่ใช้คำนวณเป็นทศนิยม
float z = 0; // ประกาศตัวแปรและกำหนดค่า โดยกำหนดค่า z เป็น float เพราะเลขที่ใช้คำนวณเป็นทศนิยม
void draw(){
//bg
background (0,0,53); // กำหนดสีของ background เป็นสีน้ำเงินเข้มเกือบดำ
fill(75,183,194); // กำหนดสีของพื้นน้ำให้เป็นสีฟ้า
rect(0,400,500,500); // วาดสีเหลี่ยมผืนผ้า ทำเป็นพื้นน้ำ
//moon
fill(255,255,81); // กำหนดสีให้กับดวงจันทร์ ให้เป็นสีเหลือง
ellipse(250+ 380*cos(r),500 + 350*sin(r),100,100); // วาดวงกลม เป็นพระจันทร์ โดยตำแหน่งที่อยู่ให้เคลื่อนเป็นวงกลม โดยใช้ตัวแปรคูรกับค่าของ cos และ sin ส่วนรัศมี กำหนดเป็น 100
r = r + 1/200; // เพิ่มค่า r ไปเรื่อยๆ เพื่อให้ค่าของ cos และ sin ออกมาต่างกันไปเรื่อยๆ ทำให้พระจันทร์เคลื่อนที่เป็นวงกลมได้
//boat
fill(255,128,64); // กำหนดสีให้กับเรือ
line(250 + 200*sin(z),270,250 + 200*sin(z),350); // วาดเส้นตรงเป็นเสาธง โดยให้เเสาเคลื่อนที่ในแนวราบจึงเปลี่ยนแปลงค่าแค่ x ทั้ง 2 ค่าโดยใช้ค่า sinในการคำนวณ ส่วนค่า y ทั้ง 2 ค่ากำหนดเป็นค่าคงที่
rect(200 + 200*sin(z),350,100,50); // วาดสี่เหลี่ยมเป็นตัวเรือ โดยให้เคลื่อนที่ในแนวราบ จึงเปลี่ยนแปลงแค่ค่าเดียวคือ x กำหนดค่าตัวแปร z คูณกับค่า sin ส่วนค่า y ค่าความกว้าง และค่าความยาวของเรือไม่ต้องเปลี่ยนแปลง จึงกำหหนดเป็นตัวเลข
fill(255,0,0); // กำหนดสีให้กับธงเรือ
triangle(250 + 200*sin(z),270,280 + 200*sin(z),290,250 + 200*sin(z),310); //วาดสามเหลี่ยมเป็นธงเรือ โดยให้ค่า x มีการเปลี่ยนแปลง กำหนดค่าตัวแปร z กับจุด x ทั้ง 3 จุดคูณกับค่าของ sin ส่วนค่า y ไม่มีการเปลี่ยนแปลงเพราะเป็นการเคลื่อนที่แนวราบ จึงกำหนดค่าเป็นตัวเลข
z = z + 1/100; // สั่งเพิ่มค่าให้กับ z เพื่อให้ค่าที่คูณกับ sin ออกมามีการเปลี่ยนแปลง ทำให้เรือเคลื่อนที่กลับไปกลับมา
}
ไม่มีความคิดเห็น:
แสดงความคิดเห็น