Symbol และ Instance

การสร้าง Movie ด้วย Flash จำเป็นต้องเกี่ยวข้องกับ Symbol และ Instance ดังนั้นการศึกษา

ว่า Symbol และ Instance คืออะไร มีความสำคัญอย่างไร ใช้งานอย่างไร จึงเป็นสิ่งสำคัญมาก

อย่างไรก็ตาม Flash มีการกำหนดประเภทของวัตถุไว้หลากหลายลักษณะ โดยสามารถแบ่งได้ดังนี้

• Dot หรือ Part เป็นส่วนย่อยที่สุดของวัตถุ มีลักษณะเป็นจุดเล็กๆ

• Shape เป็นวัตถุที่เกิดจาก Dot หลาย Dot มาผสมกัน โดยจะเรียกวัตถุที่

สร้างด้วยเครื่องมือสร้างกราฟิกพื้นฐานว่า Shape ยกเว้น Text

Tool

• Group เป็น Shape หลายๆ ชิ้นที่รวมกันเป็นชุดเดียว เกิดจากคำสั่ง

Modify, Group รวมทั้งข้อความจาก Text Tool

• Symbol เป็นวัตถุที่ถูกแปลงสภาพเพื่อพร้อมสร้าง Movie เกิดจากการ

แปลงวัตถุต่างๆ รวมถึงการสร้าง Button, Movie Clip และการ

นำเข้าภาพจากแหล่งอื่นๆ สามารถตรวจสอบได้ว่าไฟล์ที่ทำงานมี

Symbol อะไร ประเภทใด จาก Library Panel (เรียกด้วยคำสั่ง

Window, Library)

o Graphic เป็น Symbol ภาพนิ่ง

o Button เป็น Symbol ปุ่มกดที่สามารถคลิกได้

o Movie Clip เป็น Symbol ภาพเคลื่อนไหว

• Instance เป็น Symbol ที่นำมาใช้งานบน Stage

ตรวจสอบ Symbol สำหรับไฟล์

เมื่อมีการเปิดไฟล์หรือสร้างไฟล์ใดๆ บางครั้งอาจจะไม่ทราบว่าไฟล์นั้นๆ มี Symbol ใด

บ้าง โปรแกรมมีคำสั่งในการตรวจสอบ Symbol โดยเปิด Library Panel ด้วยเมนู Window, Library

แปลงวัตถุเป็น Symbol

การสร้างภาพเคลื่อนไหวแบบ Motion Tweening หรือการทำระบบโต้ตอบ จำเป็นต้อง

ทำงานกับ Symbol ดังนั้นวัตถุหรือภาพกราฟิกใดๆ ก็ตาม จะต้องแปลงสภาพจาก Shape, Group หรือ Picture ให้เป็น Symbol ก่อนและจะต้องเลือก Behavior ของ Symbol ให้ตรงกับลักษณะการใช้งาน เช่น Symbol ที่ต้องการกำหนดให้คลิกได้เพื่อสั่งงานใดๆ จะต้องกำหนดเป็น Button ภาพใดๆ ที่มีการเคลื่อนที่หรือการเคลื่อนไหว เช่น ล้อรถที่ต้องหมุน ควรกำหนดเป็น Movie Clip หรือ Symbol ที่แสดงเป็นเพียงภาพนิ่ง ก็เลือกเป็น Graphic เป็นต้น การแปลงวัตถุให้เป็น Symbol มีหลักการดังนี้

• วาด/สร้าง หรือนำเข้าวัตถุ

• เลือกวัตถุ

• เลือกคำสั่ง Insert, Convert to Symbol… หรือกดปุ่ม <F8>

• ตั้งชื่อในช่อง Name แล้วเลือก Behavior ให้เหมาะสม

• คลิกปุ่ม OK เพื่อยืนยันการแปลงวัตถุเป็น Symbol

การสร้าง Symbol

นอกจากการแปลงวัตถุให้เป็น Symbol ด้วยวิธีการดังข้างต้น ยังสามารถเข้าสู่โหมดการ

สร้าง Symbol ได้โดยตรง ซึ่งมีขั้นตอนดังนี้

• เลือกคำสั่ง Insert, New Symbol…

• ปรากฏจอภาพ Create New Symbol

• ตั้งชื่อ Symbol และเลือก Behavior จากนั้นคลิกปุ่ม OK ก็จะปรากฏจอภาพสร้าง

Symbol ที่มีหน้าตาคล้ายกับ Stage เกือบทุกอย่าง เพียงแต่จะมีสัญลักษณ์ + อยู่กึ่งกลาง

จอ เป็นการระบุตำแหน่งพิกัด 0,0 เพื่อให้สะดวกต่อการวางตำแหน่ง หรือสร้างวัตถุ

• เมื่อสร้างวัตถุให้กับ Symbol เรียบร้อยแล้วก็คลิกที่ Scene 1 เพื่อกลับสู่สภาวะการ

ทำงานปกติ

• รายละเอียดการสร้าง Movie Clip และ Button Symbol จะกล่าวในหัวข้อถัดไปการสร้าง Symbol ใดๆ ควรยึดตำแหน่งสัญลักษณ์ + เป็นจุดเริ่มต้นของวัตถุ ตำแหน่งพิกัด 0,0

Symbol และ Instance

วัตถุที่พร้อมสำหรับการสร้าง Movie ลักษณะต่างๆ รวมถึงการลงรหัส ActionScript เพื่อทำระบบโต้ตอบ (Interactive) เมื่อมีการสร้างและเก็บไว้ใน Library จะเรียกว่า Symbol แต่เมื่อนำ Symbol มาวางใช้งานบน Stage จะเรียกว่า Instance ทั้งนี้ Instance จะเปรียบเสมือนตัวแทนของSymbol หากมีการแก้ไข Instance จะไม่มีผลกระทบต่อ Symbol แต่ถ้าแก้ไข Symbol ตัวแทนหรือInstance ทุกตัวที่เกิดจาก Symbol นั้นๆ จะถูกแก้ไขตามไปโดยอัตโนมัติ

การเรียกใช้ Symbol

การนำ Symbol จาก Library มาใช้งาน กระทำได้โดยการเปิด Library Panel แล้วคลิกเลือก Symbol ชิ้นที่ต้องการ ลากมาวางบน Stage และ Symbol จะเปลี่ยนสถานะเป็น Instance ทันทีเรียกใช้ Symbol สำเร็จรูปของโปรแกรมโปรแกรมได้เตรียม Symbol สำเร็จรูปเพื่อสะดวกต่อการสร้างงาน โดยเรียกใช้ได้จากเมนูคำสั่ง Window, Other Panels, Common Libraries… ซึ่งมี Library สำเร็จรูปให้เลือกใช้ได้ 3 กลุ่มเมื่อเลือก Symbol ที่ต้องการได้แล้ว ก็สามารถนำมาวางบน Stage โดยการนำเมาส์ชี้ที่ Symbol นั้นแล้วลากออกจาก Library มาวางบน Stage ได้เลย และ Symbol จะเปลี่ยนสถานะเป็น Instance ทันที

การเรียกใช้ Symbol จากไฟล์อื่น

จุดเด่นของ Symbol คือ สามารถโอนใช้งานได้กับไฟล์อื่น หรือเรียกใช้ Symbol จากไฟล์

อื่น โดยมีหลักการดังนี้

• เปิดไฟล์เอกสารที่ต้องการสร้างงาน

• เรียกใช้คำสั่ง File, Import, Open External Library…

• เลือกไฟล์ที่ต้องการนำ Library มาใช้งาน

• โปรแกรมจะเปิด Library มาให้เลือกทำงาน เมื่อเลือกใช้ Symbol ๆ นั้นจะถูกโอนไปยัง

ไฟล์เอกสารปัจจุบันโดยอัตโนมัติ


( ที่มา : https://chalad.files.wordpress.com/2011/02/flashcs3.pdf )