วาดรูปด้วยภาษาโลโก้ : ตอนที่ 5 – เส้นโค้ง และ วงกลม

หลายตอนที่ผ่านมา เราวาดกันแต่เส้นตรง ในตอนนี้เราจะมาวาดเส้นโค้งกันบ้างครับ

คำสั่งที่น้องๆ จะเจอในบทนี้ (ยังเหมือนเดิมครับ)

คำสั่ง	ความสามารถ	ตัวอย่าง
fd ระยะทาง	forward = เดินหน้า	fd 100 = เดินหน้า 100 pixel
bk ระยะทาง	backward = ถอยหลัง	bk 50 = ถอยหลัง 50 pixel
rt องศา	right turn = หมุนขวา	rt 90 = หมุนไปทางขวา 90 องศา
lt องศา	left turn = หมุนซ้าย	lt 45 = หมุนไปทางซ้าย 45 องศา
repeat จำนวนครั้ง [ คำสั่ง ]	repeat = ทำคำสั่งต่อไปนี้ ซ้ำ n ครั้ง	repeat 3 [ fd 100 rt 120 ] repeat 4 [ fd 100 rt 90 ] repeat 6 [ fd 100 rt 60 ]
cs clean	clear screen = ล้างหน้าจอ clean = ล้างหน้าจอ
pu pd	pen up = ยกปากกา pen down = วางปากกา
ht st	hide turtle = ซ่อนเต่าโลโก้ show turtle = แสดงเต่าโลโก้

หมายเหตุ: Tutorial นี้จะเขียนโปรแกรมภาษา LOGO ผ่านเว็บไซต์นี้ครับ http://www.calormen.com/jslogo/ (ขอบคุณเจ้าของเว็บไซต์มา ณ โอกาสนี้ด้วยครับ)

---

ลองสังเกตคำสั่งต่อไปนี้กันก่อนนะครับ

repeat 12 [ fd 60 rt 30 ] repeat 24 [ fd 30 rt 15 ] repeat 36 [ fd 20 rt 10 ]

 

น้องๆ จะเห็นว่า ถ้าเราวาดรูปโดยใช้คำสั่งเดินหน้าทีละน้อยๆ แล้วเปลี่ยนองศาการเดินให้บ่อยขึ้น รูปที่เราได้จาก 12 เหลี่ยม 24 เหลี่ยม 36 เหลี่ยม ก็จะกลม/โค้งขึ้นเรื่อยๆ ครับ จนกลายเป็นวงกลม เหมือนคำสั่งด้านล่างนี้ครับ

repeat 360 [ fd 2 rt 1 ]

 

ถ้าเราต้องการเส้นโค้ง ก็แค่เปลี่ยนจาก repeat 360 ครั้ง เป็น 90/180/270 ครั้ง (ตามจำนวนที่ต้องการ)

repeat 90 [ fd 2 rt 1 ] repeat 180 [ fd 2 rt 1 ] repeat 270 [ fd 2 rt 1 ]

 

ต่อไปนี้เป็นรูปภาพที่ได้จากการประยุกต์ใช้การวาดวงกลมครับ

โปรแกรมที่ 5-1 รูปผีเสื้อ

repeat 360 [ fd 1 rt 1 ] repeat 360 [ fd 2 rt 1 ] rt 180 repeat 360 [ fd 1 rt 1 ] repeat 360 [ fd 2 rt 1 ] rt 180 lt 15 fd 200 bk 200 rt 30 fd 200 bk 200

 

จากโปรแกรมที่ 5-1 รูปผีเสื้อ เราจะมาอธิบายการวาดรูปนี้แต่ละขั้นตอนอย่างละเอียดกันครับ

1. repeat 360 [ fd 1 rt 1 ] = วาดรูปวงกลมเล็ก (ฝั่งขวา)
2. repeat 360 [ fd 2 rt 1 ] = วาดรูปวงกลมใหญ่ (ฝั่งขวา)
3. rt 180 = หมุนขวา 180 องศา (กลับหลังหัน)
4. repeat 360 [ fd 1 rt 1 ] = วาดรูปวงกลมเล็ก (ฝั่งซ้าย)
5. repeat 360 [ fd 2 rt 1 ] = วาดรูปวงกลมใหญ่ (ฝั่งซ้าย)
6. rt 180 = หมุนขวา 180 องศา (กลับหลังหัน)
7. lt 15 fd 200 bk 200 = หนวดซ้าย (*หนวดของแมลง ภาษาอังกฤษ เรียกว่า Antenna)
8. rt 30 fd 200 bk 200 = หนวดขวา

 

ต่อไปนี้เป็นรูปภาพที่ได้จากการประยุกต์ใช้การวาดเส้นโค้งครับ

โปรแกรมที่ 5-2 ดอกไม้ (1)

repeat 4 [ repeat 180 [ fd 1 rt 1 ] rt 90 ]

 

จากโปรแกรมที่ 5-2 ดอกไม้ (1) เราจะมาอธิบายการวาดรูปนี้แต่ละขั้นตอนอย่างละเอียดกันครับ

1. repeat 180 [ fd 1 rt 1 ] rt 90 = วาดครึ่งวงกลม แล้วหมุนขวา 90 องศา (ครั้งที่ 1)
2. repeat 180 [ fd 1 rt 1 ] rt 90 = วาดครึ่งวงกลม แล้วหมุนขวา 90 องศา (ครั้งที่ 2)
3. repeat 180 [ fd 1 rt 1 ] rt 90 = วาดครึ่งวงกลม แล้วหมุนขวา 90 องศา (ครั้งที่ 3)
4. repeat 180 [ fd 1 rt 1 ] rt 90 = วาดครึ่งวงกลม แล้วหมุนขวา 90 องศา (ครั้งที่ 4)

 

โปรแกรม 5-3 ดอกไม้ (2)

lt 45 repeat 4 [ repeat 180 [ fd 1 rt 1 ] lt 90 ] rt 135 pu fd 50 pd lt 90 repeat 360 [ fd 0.5 rt 1 ]

 

จากโปรแกรมที่ 5-3 ดอกไม้ (2) เราจะมาอธิบายการวาดรูปนี้แต่ละขั้นตอนอย่างละเอียดกันครับ

1. repeat 180 [ fd 1 rt 1 ] lt 90 = วาดครึ่งวงกลม แล้วหมุนซ้าย 90 องศา (ครั้งที่ 1)
2. repeat 180 [ fd 1 rt 1 ] lt 90 = วาดครึ่งวงกลม แล้วหมุนซ้าย 90 องศา (ครั้งที่ 2)
3. repeat 180 [ fd 1 rt 1 ] lt 90 = วาดครึ่งวงกลม แล้วหมุนซ้าย 90 องศา (ครั้งที่ 3)
4. repeat 180 [ fd 1 rt 1 ] lt 90 = วาดครึ่งวงกลม แล้วหมุนซ้าย 90 องศา (ครั้งที่ 4)
5. rt 135 pu fd 50 pd lt 90 = เคลื่อนที่เต่าโลโก้ไปยังตรงกลาง
6. repeat 360 [ fd 0.5 rt 1 ] = วาดวงกลม

 

นอกจากวงกลมแล้ว เราสามารถวาดวงรีได้ด้วยนะครับ ลองดูตัวอย่างโปรแกรมต่อไปนี้

โปรแกรม 5-4 วงรี / ไข่

pu bk 100 lt 90 pd repeat 2 [ repeat 30 [ fd 1 rt 1 ] repeat 30 [ fd 2 rt 1 ] repeat 30 [ fd 3 rt 1 ] repeat 30 [ fd 3 rt 1 ] repeat 30 [ fd 2 rt 1 ] repeat 30 [ fd 1 rt 1 ] ]

 

รูปสุดท้ายที่เราจะวาดกันในตอนนี้คือตุ๊กตาหิมะครับ (เผื่อว่าอากาศที่ประเทศไทยจะเย็นลงบ้าง 555)

โปรแกรม 5-5 ตุ๊กตาหิมะ

pu bk 150 lt 90 pd repeat 360 [ fd 1.5 rt 1 ] pu rt 90 fd 172 lt 90 pd repeat 360 [ fd 1 rt 1 ] pu rt 90 fd 114+69 pd lt 150 repeat 3 [ fd 80 lt 120 ] pu lt 30 fd 69+114+86 rt 90 fd 86 pd repeat 4 [ fd 60 rt 90 ] pu rt 180 fd 172 pd repeat 4 [ fd 60 lt 90 ]

 

จากโปรแกรมที่ 5-5 ตุ๊กตาหิมะ เราจะมาอธิบายการวาดรูปนี้แต่ละขั้นตอนอย่างละเอียดกันครับ

1. pu bk 150 lt 90 pd = เคลื่อนที่เต่าโลโก้มายังตำแหน่งที่ต้องการ
2. repeat 360 [ fd 1.5 rt 1 ] = วาดวงกลม (ส่วนตัว)
3. pu rt 90 fd 172 lt 90 pd = เคลื่อนที่เต่าโลโก้
4. repeat 360 [ fd 1 rt 1 ] = วาดวงกลม (ส่วนหัว)
5. pu rt 90 fd 114+69 pd = เคลื่อนที่เต่าโลโก้
6. lt 150 repeat 3 [ fd 80 lt 120 ] = วาดสามเหลี่ยม (หมวก)
7. pu lt 30 fd 69+114+86 rt 90 fd 86 pd = เคลื่อนที่เต่าโลโก้
8. repeat 4 [ fd 60 rt 90 ] = วาดสี่เหลี่ยม (มือซ้าย)
9. pu rt 180 fd 172 pd = เคลื่อนที่เต่าโลโก้
10. repeat 4 [ fd 60 lt 90 ] = วาดสี่เหลี่ยม (มือขวา)

 

น้องๆ สังเกตไหมครับว่า รูปภาพที่เราวาดส่วนใหญ่เกิดจากการประกอบเข้าด้วยกันของรูปทรงพื้นฐานอย่าง วงกลม สามเหลี่ยม สี่เหลี่ยม ฯลฯ ถ้าเราสามารถเรียกคำสั่งวาดรูปพื้นฐานเหล่านั้นด้วยคำสั่งง่ายๆ เช่น circle, triangle, rectangle, etc. ก็จะทำให้เราวาดรูปที่ซับซ้อนได้ง่ายขึ้น ในตอนหน้าเราจะมาเรียนรู้วิธีการบันทึกคำสั่งด้วยฟังก์ชัน (function) กันครับ

สามารถติดตามต่อตอนไปได้ที่นี่ครับ //karnlab.com/tag/ภาษาโลโก้

 

ลองวาดดู

ยินดีด้วยครับ ตอนนี้ไม่มีการบ้านจ้า 🙂