ชวิตจริง กับ งานเอนิเมชั่น มันก็เหมือนกัน คนเรากำกับ ควบคุมได้ ชีวิตเรา เรากำหนดได้ เอนิเมชั่น กำหนดได้ด้วย ภาษา Action Script
จะะขึ้นหรือลง เราสั่งได้ ด้วย Action Script
อย่างไรก็ตามยังไม่เป็นที่แน่ชัดว่า สิ่งใดเป็นสิ่งที่ทำให้เกิดเหตุการณ์ครั้งนี้ขึ้น แม้ว่าเจ้าหน้าที่ด้านความปลอดภัยจะกล่าวว่า บอลลูนลูกนี้อาจจะลอยไปชนกับ เสาโทรศัพท์เคลื่อนที่ได้
(ข่าวจากมติชนออนไลน์)
อ่านข่าวนี้แล้วก็ เศร้าใจ ไหมครับ นักเรียน นักเรียนคิดว่า สาเหตุหลักของอุบัติเหตุที่เกิดขึ้นนั้น คืออะไร .....?
ครูคิดว่า คำตอบของหลาย ๆ คน ต้องมีคำตอบที่ว่า เกิดจากความประมาท แน่นอน วันนี้ ครูจะนำเสนอเนื้อที่น่าสนใจจากประเด็นข่าว ข้างต้น ดังนี้
- เพื่อให้นักเรียนเข้าใจหลักการทำงานของบอลลูน องค์ประกอบ และวิธีการขับขี่ที่ปลอดภัย
- สร้างงานเอนิเมชั่น ง่าย ๆ เกี่ยวกับการลอยของบอลลูน พร้อมบังคับควบคุมทิศทางได้
- ลองขับบอลลูนจากเกมง่าย ๆ
คำถามสำคัญในการเรียนเนื้อหานี้ คือ
- หลักการพื้นฐานของบอลลูน คืออะไร
- ข้อควรระวังในการขับบอลลูน คืออะไรบ้าง
- โปรแกรมที่ได้รับความนิยม ในการสร้างงานเอนิเมชั่น นอกเหนือจจากโปรแกรม Macromedia Flash 8 มี โปรแกรมอะไรบ้าง
- เครื่องมือพื้นฐานในการวาดรูปในโปรแกรมใน Macromedia Flash 8 มีอะไรบ้าง
- คำสั่ง Action Script คืออะไร
- ถ้าต้องการโปรแกรมรับค่าจากการกดปุ่มต่าง ๆ บนคีย์บอร์ด คือ คำสั่งใด
- คำสั่งเกี่ยวกับการหนดตำแหน่งของวัตถุ คือ คำสั่งใด
บอลลูน (Balloon) เป็นยานพาหนะที่ใช้ในการเดินทางทางอากาศ ด้วยหลักการของแรงลอยตัว (Buoyancy) และเคลื่อนที่ด้วย แรงลม มีหลักฐานการสร้างในประเทศจีนตั้งแต่คริสต์ศตวรรษที่ 3 ต่อมาในทวีปยุโรปมีการทดลองสร้างเป็นพาหนะสำหรับใช้เดินทางทางอากาศตั้งแต่ปี ค.ศ. 1709 ที่กรุงลิสบอน ประเทศสเปน แต่ไม่ประสบความสำเร็จ จนกระทั่งวันที่ 21 พฤศจิกายน ค.ศ. 1783 พี่น้องมองโกลไฟเออร์ ชาวฝรั่งเศส ประสบความสำเร็จในการใช้บอลลูนขนาดใหญ่ ขับเคลื่อนด้วยอากาศร้อน เดินทางที่ความสูง 500 ฟุตในอากาศ เป็นระยะทาง 5 1/2 ไมล์ ใช้เวลา 25 นาที ได้สำเร็จเป็นครั้งแรกที่ ปารีส และนับเป็นก้าวแรกของการเดินทางด้วยบอลลูนอย่างแท้จริง ข้อมูลจาก wikipedia
ข้อควรระวังในการขับขี่บอลลูน
วาดภาพบอลลูนด้วยโปรแกรม Macromedia Flash (บูรณาการกลุ่มสาระการเรียนรู้ศิลปะ)
นักเรียนสามารถศึกษาวธีการวาดภาพจาก วีดีโอด้านล่างนี้ได้เลยครับ หรือ
นักเรียนสามารเรียนรู้เครื่องมือพื้นฐานในการวาดภาพต่าง ๆ ที่สำคัญได้ที่ elearning.nectec
เมื่อเราภาพบอลลูนด้วยโปรแกรม Macromedia flash เรียบร้อยแล้ว คุณครูจะพาเราเขียน action script 2.0 เพื่อควบคุมภาพที่เราวาด ที่กำหนดให้เป็น Symbol แล้ว ด้วยปุ่มคีย์บอร์ด
ก่อนอื่นเรา มาทำความเข้าว่า ภาษา ActionScript คืออะไร มีประโยชน์ในการทำอะไรบ้าง
ภาษา Action Script คือ .......
แนะนำพื้นฐานการเขียน ActionScript
ในการเขียนโปรแกรม ซึ่งใน Flash จะเรียกว่า การเขียนแอ็กชั่นสคริปต์ ซึ่งเป็นเป็นวิธีที่จะทำให้ Application ของคุณสามารถตัดสินใจต่อสิ่งต่างๆรอบตัว ได้ด้วยตนเอง ซึ่งเป็นการใช้ขีดความสามารถในการพัฒนางานด้วย Flash ที่แท้จริงออกมา ไม่เพียงแค่ก็สร้าง Animation การเขียน ActionScript ก็สามารถที่จะสร้าง Animation แบบต่างๆได้เหมือนกับการใช้เครื่องมือวาดเอง โดย Flash จะมีคำสั่งเฉพาะในการสร้าง Animation ซึ่งมีการจัดเตรียมไว้ให้คุณใช้งานแล้ว แต่ คุณจำเป็นต้องมีความรู้พื้นฐานในการเขียนโปรแกรมเสียก่อน ซึ่งในบทนี้คุณจะได้รู้จัก และเรียนรู้ส่วนประกอบที่สำคัญของการเขียนโปรแกรมเบื้องต้น ซึ่งสามารถอธิบายได้ดังต่อไปนี้
ActionScript เป็นภาษาด้าน Programming ที่ใช้ในโปรแกรม Macromedia Flash โดยเป็นการเขียนสคิปต์ เพื่อควบคุมการทำงาน ด้านต่างๆ ของชิ้นงานที่สร้างขึ้น ActionScript เป็นเหมือนตัวเชื่อมระหว่างสิ่งที่ผู้ใช้เข้าใจกับสิ่งที่ Flash เข้าใจ การทำงานจะขึ้นอยู่กับเหตุการณ์ (Event) ที่เกิดขึ้น หากเหตุการณ์นั้นไม่เกิดขึ้นก็ไม่มีการทำงาน จึงทำให้งานที่สร้างจากโปรแกรม Flash และมีการเขียน ActionScript ควบคุมจะไม่ใช่ Animation ธรรมดาอีกต่อไป แต่จะเป็นงานที่สามารถโต้ตอบกับผู้ใช้กับได้อย่างเต็มรูปแบบ
ที่มา https://wannapong.wordpress.com/2008/06/07/adhoeooaacoa-actionscript/
ศึกษาเพิ่มเติมได้ที่นี้
การควบคุมสร้างคำสั่งเพื่อควบคุมวัตถุ(บอลลูน)
ก่อนอื่น นักเรียนลองควบคุมที่ วัตถุที่อยู่ด้านล่างนี้ ด้วยการกดปุ่ม ซ้ายขวาและขึ้นลง ที่คีย์บอร์ดดูนะครับ
การบังคับได้จากข้างต้นนั้น ก็เพราะเราเขียนคำสั่งในโปรแกรม Macromedia Flash ด้วยภาษา Action Script ดังนี้
balloon.onEnterFrame = function() {
if (Key.isDown(Key.RIGHT)) {
this._x += 10;
}
if (Key.isDown(Key.LEFT)) {
this._x -= 10;
}
if (Key.isDown(Key.UP)) {
this._y -= 10;
}
if (Key.isDown(Key.DOWN)) {
this._y += 10;
}
};
นักเรียนคงอยากรู้ว่าคำสั่ง Action Script ดังกล่าวสามารถควบคุม นักเรียนสามารถดาวน์โหลด วีดิโอการสอนได้ ที่นี้ครับ
เล่นเกม จากการประยุกต์ใช้งานคำสั่ง Key.isDown
นักเรียนลองเล่นเกมนี้ดูนะครับ โดยสมมติว่า นักเรียนเป็นคนขับบอลลูน แต่อย่าลืมนะครับ จะขับบอลลูนได้ ต้องทำอย่างไร ใช่แล้วครับ เราต้องป้อนอากาศร้อนเข้าไปในด้านบอลลูน แต่ก็อย่าลืมอีกนั้นแหล่ะว่า ความร้อนได้มาจากน้ำมันเชื้อเพลิง ซึ่งก็มีจำกัน
เป้าหมายก็ คือ เราจะขับบอลลูนนี้ ไปใก้ถึง ปุ่มน้ำมันเชื้อเพลิง
ระวังอย่าลงเร็วเกินไป ความเสียหาย อัตรายต่อชีวิตจะเกิดขึ้นได้ และพยายามดูระดับน้ำมันด้วยนะครับ ระวังหมดก่อนถึงเป้าหมาย
ลองดูเลย ครับ
อยากรู้ไหมครับว่า สร้างอย่างไร
ให้นักเรียนลองประยุกต์คำสั่ง ดังกล่าว หากยังไม่ได้ไม่ ยังไม่เป็นไร ให้นักเรียนกลับไปศึกษาพื้นฐานเพิ่มเติม แล้วติดตามบทความเนื้อหาบทเรียนนี้ไปเรี่อย ๆ นะครับ
สักวันเราจะพัฒนาได้ในระดับสูง
จงจำไว้เลยว่า จะขึ้นหรือลง คนเราสั่งได้
การบูรณาการกับวิชาอื่น
- กลุ่มสาระวิชาวิทยาศาสตร์ นักเรียนร่วมกันอภิปราย เพื่อระดมสมองว่า มียานพาหนะอะไรบ้างที่ใช้พลังงานความร้อนในการขับเคลื่อน มีข้อดี ข้อเสียอย่างไร
- กลุ่มสาระการเรียนรู้ภาษาไทย นักเรียนบอกคำศัพท์ที่เรียกชื่อสิ่งที่คล้าย ๆ บอลลูนของภาคต่าง ๆ
- กลุ่มสาระการเรียนรู้คณิตศาสตร์ นักเรียนลองหาพื้นที่ของวงกลม หรือ ทรงกลม ที่มีรูปทรงแบบบอลลูน ว่ามีวิธีการอย่างไร
- กลุ่มสาระการเรียนรู้ภาษาต่างประเทศ นักเรียนหาคำศัพท์ที่เกี่ยวข้องกับบอลลูน
- กลุ่มสาระการเรียนรู้ศิลปะ ให้นักเรียนออกแบบบอลลูนแบบใหม่ ๆ
- กลุ่มสาระการเรียนรู้สุขศึกษาและพลศึกษา นักเรียนร่วมกันศึกษากฏกติกาการแข่งขันบอลลูนว่า มีอะไรบ้าง
- กลุ่มสาระสังคมศึกษา ศาสนาและวัฒนธรรม นักเรียนร่วมกันอภิปรายเปรียบเทียบวัฒนธรรมไทยและสากล ว่ามีการเล่นหรือใช้บอลลูน หรือ อุปกรณ์ที่คล้ายกันบ้าง
แหล่งเรียนรู้เพิ่มเติม
- https://elearning.nectec.or.th/index.php?mod=Courses&op=course_lesson&cid=107&sid=
- https://www.thaiflashdev.com
- https://kerupa.com
- https://www.kr.ac.th/trirat/flashmx/index.html
- https://www.kw.ac.th/e-learning/pitak/Flash/flashlesson.htm
- https://www.webthaidd.com/flash/
เขียนบทความ โดย ครูนรินทร์ อนงค์ชัย
ติดต่อที่ e-mail:// anongchai@gmail.com
เว็บบล็อกส่วนตัว ที่ https://4-teachers-download.blogspot.com
บทความอื่นที่น่าสนใจ
ที่มา : https://www.sahavicha.com/?name=knowledge&file=readknowledge&id=78