วันนี้เราจะมาเริ่มเรียนรู้การเขียนโค้ดกัน
อย่างแรกเลยคือการวาดรูป แล้วการวาดรูปอย่างแรกที่ทุกคนต้องทำและเขียนได้ก่อนสิ่งอื่นๆคือ เส้นตรงนั้นเอง
เพราะเส้นตรงคือส่วนประกอบของรูปภาพทุกรูป วันนี้เราจึงจะมาลองเขียนเส้นตรงกัน
(ใครมีโปรแกรมเปิดมันขึ้นมา ใครไม่มีเข้าหน้าเว็บนี้แล้วมาลองทำไปพร้อมกันนะ)
http://processingjs.org/tools/processing-helper.html
line(X1,Y1,X2,Y2);
คำสั่งโค้ดด้านบนนี้คือ คำสั่งในการวาดเส้นตรง โดยเราจะใส่ค่าแกน x แกน y เข้าไป โดยจะมีค่า 4 ค่าคือ ค่าแกน x แกน y จุดเริ่มต้นและ ค่าแกน x แกน y จุดสุดท้าย โดยเราสามารถวาดเส้น ตรงใน
แนวตั้ง
line(50,5,50,95);
แนวนอน
line(5,50,95,50);
แนวทแยง
line(5,5,95,95);
หรือแม้แต่เอาท้ง 3 เส้นนี้มารวมกันก็ยังได้
ลองไปทำกันดูนะ ที่นี้เราก็สามารถวาดรูปได้หลายรูปเลยจากคำสั่งนี้เพียงคำสั่งเดียวเช่น
line(20,70,80,70);
line(30,40,30,70);
line(30,40,70,40);
line(70,40,70,70);
ชัดชะ!!! เราก็ได้หมวกมาหนึ่งใบแล้วววววว หรือคนหลายคนอาจจะเรียนฟิสิกส์กันมา ก็เป็นไปได้ที่จะหลอนมองว่ามันเป็นวัตถุวางอยู่บนพื้นก็ได้นะ 555+
วันนี้ก็หมดเรื่องแล้ว พบกันคราวหน้าาาาา เอาเจ้า line ไปลองเล่นกันดูนะจ๊ะ อิอิ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น