การเข้าสู่โปรแกรม Swish Max4 11-1

รายวชิ า เทคนคิ การสรา งภาพเคลือ่ นไหวคอมพวิ เตอร 1 หนวยที่ 12 การสรางเหตุการณ Event , Action และการเขียน Script 12.1 การสรางเหตกุ ารณ Event , Action และการเขยี น Script Event คอื เหตุการณที่จะเกิดขน้ึ เชน เมื่อมีการคลกิ การช้ี วัตถุ ซง่ึ จะเปนกลมุ ของ Button มีเหตุการณด งั นี้ On press เปน Event ที่กําหนดใหทาํ งานตาม Action เมือ่ มกี ารคลิกเมาสบนอ็อบเจ็กต On release เปน Event ทก่ี ําหนดใหท าํ งานตาม Action เม่ือมกี ารคลกิ เมาสและปลอยบนพ้ืนทีข่ องอ็อบเจ็กต On rollover เปน Event ท่ีกําหนดใหท าํ งานตาม Action เมือ่ มีการเลื่อนเมาสไปวางบนพ้ืนทขี่ องอ็อบเจก็ ต On rollout เปน Event ท่ีกาํ หนดใหทาํ งานตาม Action เม่ือมีการเล่ือนเมาสออกนอกพ้ืนทข่ี องอ็อบเจก็ ต On dragOver เปน Event ที่กําหนดใหทํางานตาม Action เมือ่ มกี ารคลิกเมาสบนออ็ บเจก็ ตจ ากน้ันลากเมาส ออกนอกบริเวณพน้ื ที่ของอ็อบเจ็กต On dragOut เปน Event ท่กี าํ หนดใหท ํางานตาม Action เม่ือมกี ารคลกิ เมาสบ นออ็ บเจ็กตจ ากนนั้ ลากเมาส ออกนอกบริเวณพื้นทีข่ องอ็อบเจก็ ต Onrelease Outside เปน Event ทีก่ ําหนดใหท าํ งานตาม Action เม่ือมีการคลิกเมาสบ นอ็อบเจก็ ตแลวลากออก นอกอกบริเวณพ้ืนท่ีของอ็อบเจก็ ตแ ละปลอยเมาสนอกพ้ืนทข่ี องอ็อบเจ็กตScript คือ เขียนสิ่งที่จะเกดิ ขึน้ เมื่อเกดิ เหตกุ ารณ เชน คลกิ แลวใหเ กิดอะไร เลน ซ้าํ หยดุ เลน เปนตน ตัวอยา งการทําชิน้ งาน ท่ี 5 การสรา งเหตกุ ารณ Event , Action และการเขียน Script 1. คลิกเลือกฉากที่ ตอ งการเหตกุ ารณ โดยจะใชเ ครอ่ื งมือ Text Tool พมิ พขอ ความดังน้ี Next , Play , Stop กาํ หนดรปู แบบสีขอ ความตามตองการ ดงั ภาพ 2. คลกิ คาํ วา Next คลิกเลอื ก เครือ่ งมือ Window แลว เลือก Script จะมีเคร่ืองมือสําหรบั เขียน Script ดังภาพ

รายวชิ า เทคนคิ การสรา งภาพเคลือ่ นไหวคอมพิวเตอร 2 3. คลกิ เลอื ก Add Script เลอื ก Events (เหตุการณท่ีจะใหเกิดขน้ึ ) เลอื ก Button > On (Press) คือเมื่อคลิกวัตถทุ ่ี เราเลือก แตจะไมมีอะไรเกิดขึ้นถา เราไมใ ส Script เพ่มิ เขาไป จากน้ัน คลิกที่ Add Script อีกครั้ง Movie Control > Goto and Stop > NextScenceAndPlay() เพอื่ กําหนดใหแสดงฉากตอไป เม่ือมีการคลกิ จะได Script ที่คําวา Next ดงั น้ี on (press) { nextSceneAndPlay(); } หมายเหตุ ตอนเลือกตอ งดูดีๆ มคี ําวา Next Scene = ผลแสดงฉากตอไป กับ Next Frame ผลจะแสดงเวลาตอ ไป 4. คลกิ คาํ วา Play คลกิ เมนู Window แลว เลือก Script จะมีเคร่อื งมือสําหรบั เขยี น Script ดงั ภาพ คลกิ เลอื ก Add Script เลือก Events (เหตกุ ารณท จ่ี ะใหเ กดิ ข้นึ ) เลือก Button > On (Press) คลกิ บรรทัดท่ี 2 หรอื กด Enter เพ่อื ใส Script เพ่ิมเขา ไป จากนั้น คลิกท่ี Add Script อกี คร้งั Movie Control > GotoAndPlay เพือ่ กําหนดใหเลน Frame1 เมื่อมีการคลิก เสร็จแลว ปด หนา ตา งออกไป แลว ทดสอบการเลนโดยกดปมุ Play

รายวชิ า เทคนคิ การสรางภาพเคลื่อนไหวคอมพิวเตอร 3 5. คลิกคาํ วา Play คลิกเมนู เคร่ืองมือ Window แลวเลอื ก Script จะมีเครื่องมอื สําหรับเขียน Script ดังภาพ คลิก เลือก Add Script เลือก Events เลอื ก Button > On (Press) 6. คลิกบรรทัดท่ี 2 หรือกด Enter เพื่อใส Script เพ่ิมเขา ไป จากนน้ั คลิกที่ Add Script อีกครัง้ Movie Control > Stop เพือ่ กําหนดใหห ยุดเลน เมือ่ คลิก เสรจ็ แลวปด หนา ตางออกไป แลวทดสอบการเลน ดวยปุม Play Script ทีไ่ ด เสร็จแลว ปดหนา ตางออกไปทดสอบการเลน ดวยปุม Play

รายวชิ า เทคนคิ การสรางภาพเคลอื่ นไหวคอมพวิ เตอร 4 7. ไปท่ฉี ากท่ี 2 เพอื่ ทํายอ นกลับมายังฉากแรก พมิ พคําวา Back 8. คลกิ เลอื ก เมนู Window แลวเลอื ก Script จะมีเครื่องมือสาํ หรบั เขยี น Script ดังภาพ คลิกเลอื ก Add Script เลือก Events เลือก Button > On (Press) 9. คลิกบรรทัดที่ 2 หรือกด Enter เพ่ือใส Script เพ่ิมเขา ไป จากน้นั คลิกท่ี Add Script อกี คร้ัง Movie Control > Goto and Play > PrevSceneAndPlay( ) เพอ่ื กําหนดใหยอนกลับไปยังฉากกอ นหนา เม่ือคลิก เสร็จแลว ปด หนา ตา งออกไป แลวทดสอบการเลน ดวยปมุ Play

รายวชิ า เทคนคิ การสรางภาพเคล่ือนไหวคอมพิวเตอร 5 10. การกําหนดการเช่ือมโยงไปยัง Frame ตางๆ โดยอสิ ระ ไมจ ําเปนตองเปน Frame กอนหนา , หรือเฟรมหลัง แตสามารถระบุฉากทจ่ี ะไปไดเลย กอนอ่ืน ช้ินงานตัวอยางมี 3 ฉาก เราตองการใหทําการหยดุ เลนเม่ือ เลนมาถึง Frame สุดทาย ในตวั อยางคือ 77 โดยการทําดังน้ี คลิก ท่ี Time line ของฉากที่3 (บนสดุ ) เลือก Add Script > Movie Control > Stop จะมเี สน แดง เพอื่ จะหยดุ เม่ือเลนมาถงึ Frame นี้ แลวพมิ พข อ ความ กลับไปฉากแรก Frame 77 เลือก Stop จะไดดังภาพ Stop 11. คลิกเลือก เมนู Window > Script คลกิ เลอื ก Add Script > Events เลือก Button > On (RollOver) กด Enter เพื่อใส Script คลิกที่ Add Script อกี คร้ัง Movie Control > Goto and Play > PrevSceneAndPlay(LABEL) เพอื่ กําหนดใหเลือกฉากท่จี ะใหไ ป 12. ทคี่ ําวา gotoAndPlay(\" \"); ใหพ ิมพเ พิม่ ไปดังนี้ gotoAndPlay(\"Scene_1\",1); ใหเ ลนฉากแรกต้งั แตเ ฟรมท่ี 1 จะไดดงั นี้ on (rollOver) { gotoAndPlay(\"Scene_1\",1); }

รายวชิ า เทคนคิ การสรางภาพเคล่ือนไหวคอมพวิ เตอร 6 13. การใสเสยี งประกอบใหก ับงาน คลกิ ที่ Insert เลอื ก Import Sound > เลอื ก เพลงไดแ ลวเลือกคลกิ Open 14. คลกิ เลือก Frame ท่ี จะใหเ ริ่มเลน Frame 1 ของฉากท่ี 1 Frame 1 ของฉากที่ 1 คลกิ เลือก เมนู Window > Script คลิกเลือก Add Script > Sound เลอื ก PlaySound(“ระบุช่ือเพลง.ชนดิ ไฟล” ) เชน playSound(“Dessert.mp3”) ถา ตองการหยดุ เลนเพลง คลิกเลอื ก เมนู Window > Script คลิกเลอื ก Add Script > Sound เลอื ก StopSound (“ระบชุ ือ่ เพลง.ชนดิ ไฟล”) เชน StopSound(“Dessert.mp3”)

รายวชิ า เทคนคิ การสรางภาพเคลือ่ นไหวคอมพวิ เตอร 7 15. เมอื่ ทําช้ินงานเสร็จ การนําไปใชต องทําการแปลงเปนนามสกลุ ตา งๆ ทีเ่ ราจะใชขน้ึ อยูก ับนาํ ไปทาํ อะไร เชน ใสใ นเวบ็ ไซตตา งๆ หรือทาํ เปน วีดีโอ เปนตน ตัวอยา งจะเปนการนําไปใช บนเว็บไซต คลิกท่ี File > Export > Swf เลอื กแหลง ทจ่ี ะเก็บ แลว กด Save ดังภาพ ไฟล SWF สามารถลองรับการเปดบน Browser ตางๆได เชน Firefox, Chrome โดยการคลกิ ขวาเลือกเปด ในสว นของการบันทึกไฟล แบบ File > Save นน้ั จะไดไฟลน ามสกุล SWI เปน ไฟลตนฉบับที่เราสามารถแกไข ภายหลงั ได