วันนี้เราจะมาวาดรูปกันเลยครับ รูปที่เราจะวาดกันในวันนี้ คือ รูปดอกไม้ (มีหลายแบบ) หากน้องๆ ไม่เข้าใจคำสั่งไหน ให้ลองกลับไปอ่านตอนเก่าๆ ของ tutorial นี้ดูนะครับ คำสั่งที่น้องๆ จะเจอในบทนี้ คำสั่ง ความสามารถ ตัวอย่าง fd ระยะทาง bk ระยะทาง forward = เดินหน้า backward = ถอยหลัง fd 100 = เดินหน้า 100 pixel bk 50 = ถอยหลัง 50 pixel rt องศา lt องศา right turn = หมุนขวา left turn = หมุนซ้าย …
ภาษาโลโก้เป็นภาษาโปรแกรมเพื่อการศึกษา ถูกพัฒนาขึ้นในปี ค.ศ. 1967 โดย Wally Feurzeig, Seymour Papert และ Cynthia Solomon คำว่า “Logo” นั่นไม่ได้เป็นชื่อย่อ แต่มีที่มาคำว่า “logos” ในภาษากรีกซึ่งหมายความว่า “thought” หรือ “ความคิด” ซึ่งเป็นการบอกถึงความแตกต่างจากภาษาโปรแกรมอื่น โดยภาษาโลโก้จะเน้นการคำนวณตัวเลขเป็นหลัก ไม่ใช่กราฟฟิคหรือตรรกะ เมื่อพูดถึงภาษาโลโก้ สิ่งหนึ่งที่เป็นที่รู้จักของทุกคนนั่นก็คือ “เต่าโลโก้” ซึ่งจะเคลื่อนที่และวาดรูปตามคำสั่งของเรา ผู้เรียนจะสามารถเข้าใจ คาดเดา และให้เหตุผล เกี่ยวกับการเคลื่อนที่ของเต่าโลโก้ได้โดยจินตนาการว่าถ้าตัวเองเป็นเต่าโลโก้จะเคลื่อนที่เพื่อวาดรูปได้อย่างไร ประวัติ ภาษาโลโก้ถูกสร้างขึ้นในปี ค.ศ. 1967 ที่สถาบันวิจัย Bolt, Beranek and Newman (BBN), Cambridge, Massachusetts โดยผู้พัฒนาคือ Wally Feurzeig, Cynthia Solomon และ …
จากหลายตอนที่ผ่านมา เราจะพบว่ารูปภาพที่เราวาดนั้นมีแต่สีขาวกับสีดำ ในตอนนี้เราจะมาเรียนรู้วิธีการใช้สีเพื่อให้รูปภาพของเรามีสีสันกันครับ คำสั่งที่น้องๆ จะเจอในบทนี้ คำสั่ง ความสามารถ ตัวอย่าง fd ระยะทาง bk ระยะทาง forward = เดินหน้า backward = ถอยหลัง fd 100 = เดินหน้า 100 pixel bk 50 = ถอยหลัง 50 pixel rt องศา lt องศา right turn = หมุนขวา left turn = หมุนซ้าย rt 90 = หมุนไปทางขวา 90 องศา lt 45 …
ในตอนนี้เราจะมาวาดรูปบ้านและสวนกันครับ แน่นอนว่ารูปนี้มีองค์ประกอบหลายอย่าง แต่ด้วยการใช้งานฟังก์ชันจะทำให้เราวาดรูปนี้ได้ง่ายขึ้นครับ คำสั่งที่น้องๆ จะเจอในบทนี้ คำสั่ง ความสามารถ ตัวอย่าง fd ระยะทาง bk ระยะทาง forward = เดินหน้า backward = ถอยหลัง fd 100 = เดินหน้า 100 pixel bk 50 = ถอยหลัง 50 pixel rt องศา lt องศา right turn = หมุนขวา left turn = หมุนซ้าย rt 90 = หมุนไปทางขวา 90 องศา lt 45 …
รูปภาพที่เราวาดส่วนใหญ่เกิดจากการประกอบเข้าด้วยกันของรูปทรงพื้นฐานอย่าง วงกลม สามเหลี่ยม สี่เหลี่ยม ฯลฯ ถ้าเราสามารถเรียกคำสั่งวาดรูปพื้นฐานเหล่านั้นด้วยคำสั่งง่ายๆ เช่น circle, triangle, rectangle, etc. ก็จะทำให้เราวาดรูปที่ซับซ้อนได้ง่ายขึ้น ในตอนนี้เราจะมาเรียนรู้การใช้งานฟังก์ชัน (function) กันครับ คำสั่งที่น้องๆ จะเจอในบทนี้ คำสั่ง ความสามารถ ตัวอย่าง fd ระยะทาง forward = เดินหน้า fd 100 = เดินหน้า 100 pixel bk ระยะทาง backward = ถอยหลัง bk 50 = ถอยหลัง 50 pixel rt องศา right turn = หมุนขวา rt 90 …
หลายตอนที่ผ่านมา เราวาดกันแต่เส้นตรง ในตอนนี้เราจะมาวาดเส้นโค้งกันบ้างครับ คำสั่งที่น้องๆ จะเจอในบทนี้ (ยังเหมือนเดิมครับ) คำสั่ง ความสามารถ ตัวอย่าง fd ระยะทาง forward = เดินหน้า fd 100 = เดินหน้า 100 pixel bk ระยะทาง backward = ถอยหลัง bk 50 = ถอยหลัง 50 pixel rt องศา right turn = หมุนขวา rt 90 = หมุนไปทางขวา 90 องศา lt องศา left turn = หมุนซ้าย lt …
วาดรูปกันมาแล้ว 3 ตอน สังเกตดีๆ จะพบว่า หลายรูปมีขั้นตอนซ้ำๆ เดิมๆ เรามีวิธีเรียกคำสั่งเหล่านั้น โดยไม่ต้องพิมพ์คำสั่งเดิมๆ ซ้ำๆ ได้ครับ ด้วยคำสั่ง repeat (คราวนี้ไม่ต้อง copy + paste ให้เมื่อยมือแล้วครับ) คำสั่งที่น้องๆ จะเจอในบทนี้คือ คำสั่ง ความสามารถ ตัวอย่าง fd ระยะทาง forward = เดินหน้า fd 100 = เดินหน้า 100 pixel bk ระยะทาง backward = ถอยหลัง bk 50 = ถอยหลัง 50 pixel rt องศา right turn = …
จากตอนที่แล้ว เราได้เรียนรู้คำสั่งเดินหน้า/ถอยหลัง และ หันขวา/หันซ้าย กันไปแล้ว ตอนนี้เราจะมาเรียนรู้คำสั่งยกปากกา/วางปากกา ที่จะทำให้เราวาดรูปได้หลากหลายขึ้นครับ (นอกจากนี้จะแถมคำสั่งซ่อน/แสดงเต่าโลโก้ด้วยครับ) คำสั่งที่น้องๆ จะเจอในบทนี้คือ คำสั่ง ความสามารถ ตัวอย่าง fd ระยะทาง forward = เดินหน้า fd 100 = เดินหน้า 100 pixel bk ระยะทาง backward = ถอยหลัง bk 50 = ถอยหลัง 50 pixel rt องศา right turn = หมุนขวา rt 90 = หมุนไปทางขวา 90 องศา lt องศา left …
ตอนนี้เราจะมาวาดรูปกันต่อครับ โดยคำสั่งที่น้องๆ จะเจอในบทนี้คือ คำสั่ง ความสามารถ ตัวอย่าง fd ระยะทาง forward = เดินหน้า fd 100 = เดินหน้า 100 pixel bk ระยะทาง backward = ถอยหลัง bk 50 = ถอยหลัง 50 pixel rt องศา right turn = หมุนขวา rt 90 = หมุนไปทางขวา 90 องศา lt องศา left turn = หมุนซ้าย lt 45 = หมุนไปทางซ้าย …
ตอนนี้เราจะเริ่มวาดรูปกันครับ โดยคำสั่งที่น้องๆ จะเจอในบทนี้คือ คำสั่ง ความสามารถ ตัวอย่าง fd ระยะทาง forward = เดินหน้า fd 100 = เดินหน้า 100 pixel rt องศา right turn = หมุนขวา rt 90 = หมุนไปทางขวา 90 องศา cs clear screen = ล้างหน้าจอ หมายเหตุ: Tutorial นี้จะเขียนโปรแกรมภาษา LOGO ผ่านเว็บไซต์นี้ครับ http://www.calormen.com/jslogo/ (ขอบคุณเจ้าของเว็บไซต์มา ณ โอกาสนี้ด้วยครับ) ก่อนที่เราจะเรียนรู้ว่าแต่ลำคำสั่งทำงานอย่างไร เราลองมาวาดรูปเล่นๆ กันสักรูปหนึ่งก่อนครับ ให้น้องพิมพ์คำสั่งดังต่อไปนี้ จากนั้น Enter หรือกดปุ่ม …
