Saturday, January 30, 2010

1. เริ่มต้นกับ ActionScript 3.0

เป็นที่รู้กันดีว่า ActionScript เป็นภาษาสคริปต์ที่ใช้งานร่วมกับโปรแกรม Flash CS ซึ่งปัจจุบันภาษาตัวนี้ก็ได้มีการพัฒนามาจนถึงเวอร์ชั่น 3 นั่นก็คือ ActionScript 3.0 ก่อนอื่นต้องตกลงก่อนว่าขอบเขตของเนื้อหาที่เราจะกล่าวถึงต่อไป จะเป็นเรื่องของหลักการ ActionScript 3.0 , API หลักๆ ของภาษา และก็ตัวอย่างการประยุกต์ ที่สำคัญคือ ผู้เขียนหวังว่าเมื่ออ่านเอกสารชุดนี้จบ ผู้อ่านจะสามารถนำความรู้ไปประยุกต์ใช้กับ Adobe Flash , Adobe Flex หรือจะเป็นเครื่องมือที่เป็นโอเพ่นซอร์ซอย่าง, Swftools, haXe

ActionScript ก็เหมือนกับการเขียนโปรแกรมภาษาอื่นๆ คือมีการเขียนโค๊ด คอมไพล์ ทดสอบโปรแกรม และแก้ไขข้อผิดพลาด หลายคนอาจจะเคยใช้โปรแกรม Flash CS จะเห็นว่ามีส่วนของการเขียนโค๊ดลงบน Keyframe ของ รหัสต้นฉบับไฟล์นามสกุล .fla ส่วนคนที่เคยใช้ Flex ก็คงจะเคยเขียน AcitonScript ลงใน แท็ก CDATA ในไฟล์ .mxml

สำหรับทั้ง Flash และ Flex มีความสามารถที่เหมือนกันคือสร้าง ActionScript Projectsได้ ซึ่งจะเห็นว่าเป็นผลดีสำหรับคนที่ศึกษา ActionScript เพราะศึกษาเพียงครั้งเดียวก็สามารถประยุกต์ใช้งานกับโปรแกรมหรือเครื่องมือตัวอื่นอย่างเช่น Flash Flex หรือ haXeได้ไม่ยาก ดังนั้นผู้เขียนจึงเน้นๆ เฉพาะ ActionScript ส่วนที่สามารถเข้ากันได้ของ Flash และ Flex

โครงสร้างพื้นฐานของ ActionScript
package{ //ประกาศ package ของชิ้นงาน (ปล่อยว่างเป็น defualt package)
        import flash.display.*;                                          
        public class Test extends MovieClip{//ประกาศ Class หลักของชิ้นงาน
                private var tf:TextField = new TextField();
                public function Test(){//ประกาศ Constructor
                        tf.text = "Hello World"; //ส่วนของการทำงาน
                        addChild(tf);//ส่วนของการทำงาน
                }
        }
}

จากโค๊ดข้างต้นทำการบันทึกไว้ในไฟลที่ชื่อ Test.as แล้วสั่งคอมไพล์ด้วย คำสั่ง
mxmlc Test.as

เพื่อให้ได้ไฟล์ชิ้นงาน Test.swf ออกมา หรือถ้าหากว่าผู้อ่านใช้ ซอฟต์แวร์ตัวอื่นคอมไพล์ คุณก็ต้องศึกษาการคอมไพล์ในวิธีการที่ซอฟต์แวร์ดังกล่าวกำหนดมา แต่ในที่นี้จะใช้ mxmlc ของ Flex SDK เป็นหลัก
จากนั้นให้ทำการเขียนไฟล์ Test.html เพื่อเปิดไฟล์ Test.swf อีกที
<object width="550" height="400">
        <param name="movie" value="Test.swf">
        <embed src="Test.swf" width="550" height="400">
        </embed>
</object>

ทำการบันทึกไว้ในชื่อ Test.html จากนั้นทำการเปิดขึ้นเพื่อดูผลลัพธ์
จะปรากฏข้อความ Hello World

Followers