การสร้างสี่เหลี่ยมด้วย action script 3.0

หลังจากที่ adobe ประกาศว่าจะยกเลิกการพัฒนา flash player บนมือถือเล่นเอาคนที่อยู่ในวงการ flash คิดหนักกันพอสมควรมามันจะเป็นอย่างไรกันต่อไป แต่อย่างไรผมก็จะเขียนบทความต่อไปละกัน ครั้งนี้จะเป็นการสร้างสี่เหลี่ยมโดยใช้ action script ครับเรามาเริ่มกันเลยดีกว่า ขั้นแรกเราก็สร้างไฟล์ fla ที่เป็น action script 3.0 ก่อนครับ

หัด action script

จากนั้นเมื่อเราสร้างไฟล์เสร็จแล้วให้ทำการคลิกที่ timeline แล้วก็คลิกขวาแบบในรูปเพื่อทำการเขียน action script

หัด action script

จากนั้นก็เขียนโค้ดตามนี้ครับ

[sourcecode language=”as3″]

import flash.display.MovieClip;

var mc:MovieClip = new MovieClip();

mc.graphics.beginFill(0xFF0000);

mc.graphics.drawRect(0,0,120,120);

mc.graphics.endFill();

addChild(mc);

[/sourcecode]

หัด action script

เมื่อเขียนเสร็จก็ลองกด ctl+enter เพื่อทำการ test movie ดูครับจะเห็นว่ามีการสร้างสี่หลี่ยมสีแดงเกิดขึ้นครับ

 

การทำงานของโค้ดก็คือ เรามีการสร้าง movie clip ขึ้นมา 1 ตัวเพราะการสร้างสีเหลี่ยมนั้นต้องอาศัย movie clip เป็นตัวสร้างเพราะ movie clip นั้นมันจะเป็นตัว graphics ที่สามารถสร้างรูปร่างต่างๆ รวมไปถึงการแสดงภาพจากไฟล์ภาพด้วย เมื่อเราสร้าง movie clip ขึ้นมาแล้วจากนั้นเราก็เริ่มกำหนดสีให้มันด้วย method beginFill ซึ่งต้องใส่ค่าให้มัน โดยผมกำหนดสีเป็นสีแดงโดยการกำหนดสีนั้นต้องใส่เป็นเลขฐาน 16 ซึ่งเป็นค่าของสีครับจากนั้นเราก็สั่งให้มันทำการวาดสีเหลี่ยมโดยใช้ method drawRect เมื่อเราทำการวาดรูปต่างๆเสร็จแล้วเราก็ควรจบด้วย method endFill เพื่อเป็นการบอกว่าจบการวาดหรือกำหนดรูปร่างของ movie clip ครับ เมื่อเราทำการสร้างและกำหนดรูปร่างให้ movie clip แล้วเราก็ทำให้มันแสดงบนผลลัพธ์ของ stage โดยใช้คำสั่ง addChild() ครับ

Download SourceCode

Leave a Reply

Your email address will not be published. Required fields are marked *