สอนเขียนโปรแกรม

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

หลายตอนที่ผ่านมา เราวาดกันแต่เส้นตรง ในตอนนี้เราจะมาวาดเส้นโค้งกันบ้างครับ คำสั่งที่น้องๆ จะเจอในบทนี้ (ยังเหมือนเดิมครับ) คำสั่ง ความสามารถ ตัวอย่าง fd ระยะทาง forward = เดินหน้า fd 100 = เดินหน้า 100 pixel

วาดรูปกันมาแล้ว 3 ตอน สังเกตดีๆ จะพบว่า หลายรูปมีขั้นตอนซ้ำๆ เดิมๆ เรามีวิธีเรียกคำสั่งเหล่านั้น โดยไม่ต้องพิมพ์คำสั่งเดิมๆ ซ้ำๆ ได้ครับ ด้วยคำสั่ง repeat (คราวนี้ไม่ต้อง copy + paste ให้เมื่อยมือแล้วครับ) คำสั่งที่น้องๆ จะเจอในบทนี้คือ

จากตอนที่แล้ว เราได้เรียนรู้คำสั่งเดินหน้า/ถอยหลัง และ หันขวา/หันซ้าย กันไปแล้ว ตอนนี้เราจะมาเรียนรู้คำสั่งยกปากกา/วางปากกา ที่จะทำให้เราวาดรูปได้หลากหลายขึ้นครับ (นอกจากนี้จะแถมคำสั่งซ่อน/แสดงเต่าโลโก้ด้วยครับ) คำสั่งที่น้องๆ จะเจอในบทนี้คือ คำสั่ง ความสามารถ ตัวอย่าง fd ระยะทาง forward = เดินหน้า fd 100

ตอนนี้เราจะมาวาดรูปกันต่อครับ โดยคำสั่งที่น้องๆ จะเจอในบทนี้คือ คำสั่ง ความสามารถ ตัวอย่าง fd ระยะทาง forward = เดินหน้า fd 100 = เดินหน้า 100 pixel bk ระยะทาง backward

ตอนนี้เราจะเริ่มวาดรูปกันครับ โดยคำสั่งที่น้องๆ จะเจอในบทนี้คือ คำสั่ง ความสามารถ ตัวอย่าง fd ระยะทาง forward = เดินหน้า fd 100 = เดินหน้า 100 pixel rt องศา right

จุดเริ่มต้นของเรื่องราว ย้อนไปเมื่อสมัยผมเรียนมัธยมต้น จำได้ว่าเคยเรียนเขียนโปรแกรมภาษา LOGO ตอนนั้นผมมีพื้นฐานภาษา HTML กับ PHP มาบ้างแล้ว ความสนุกของภาษา LOGO คือการได้วาดรูปตามคำสั่งที่เราลองเขียนครับ (วาดรูปมั่วบ้างถูกบ้าง และลุ้นว่ารูปที่ได้จะหน้าตาเป็นอย่างไร จำได้ว่าตอนที่เรียนมีการบ้านให้วาดลายผ้าไทย จนถึงตอนนี้ผมก็งงตัวเองเหมือนกันว่าตอนนั้นทำไปได้ยังไง 555) ผมเห็นว่าน้องๆ ที่ไม่มีความรู้ด้านการเขียนโปรแกรมมาก่อน ถ้าลองได้ฝึกวาดรูปด้วยภาษา