WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส...

18
กกกกกกกกก action script กกกกกกก Action Script (แแแแแแแแแแแแแแ) แแแแแแแแแแแแแ แแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแ แแแแแแแแแ Flash แแแ Action Script แแแแแแแแแแแแแแแแแแแแแแแแ แแ Timeline แแแ แแ Symbol กกกกกกกก Action Script กก Timeline แแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแ แแแแแแแแแแแแแแแ 1. แแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแ 1 แแแแ (แแ แแแแแแแแแแแแแแแแแแแแแแแแแแแแ Motion Tween) แแแแแแแแ * แแแแแแแแแแแแแแแแแแ Ctrl+Enter แแแแแแ แ Flash แแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแ 2. แแแแแแแแแแแ Action Script แแแแแแแแแแแแ แแแแแแแแแแแแแ แแแแแแแแแแแแแแแแแ 40 แแแแแแ แแแแ F9 แแแแแแแแแแแ แแแแแแแแแแแแแ Action Frame แแแแแแแแแแแแ

Transcript of WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส...

Page 1: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

การใชงาน action script พนฐานAction Script (แอคชนสครปต) คอชดคำ�สงหรอภ�ษ�คอมพวเตอรทใชในก�รควบคมหรอสงก�รในโปรแกรม Flash โดย Action Script ส�ม�รถเขยนควบคมไดทงบน Timeline และ บน Symbolการเขยน Action Script บน Timeline          ก�รเขยนแอคชนสครปตบนไทมไลนส�ม�รถทำ�ดงน1. สร�งแอนเมชนแบบใดกไดขนม� 1 ชน (ในตวอย�งจะสร�งแอนเมชนแบบ Motion Tween)

หม�ยเหต * ปกตเมอเร�กดปม Ctrl+Enter โปรแกรม Flash จะเลนวนซำ�ไปซำ�ม�จนกว�จะปด2. แทรกคำ�สง Action Script เข�ไปในเฟรมสดท�ยของง�น ใหคลกทเฟรมท 40 แลวกดปม F9 บนคยบอรด จะมหน�ต�งๆ Action Frame ขนม�ดงรป

Page 2: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

3. ในก�รเขยนคำ�สงโปรแกรมไดออกแบบใหส�ม�รถเขยนได 2 รปแบบคอ แบบ Normal หรอ แบบธรรมด� 

สำ�หรบผทยงใชคำ�สงไมคลอง และ แบบ Expert คอ แบบทส�ม�รถพมพคำ�สงไดเลย

สำ�หรบหวขอนจะใหเขยนทง 2 รปแบบ ดงน

เลอกคำ�สง Global Functions > Timeline Control > stop  (คำ�สง stop คอ สงใหหยดก�รทำ�ง�น)

Page 3: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

4. ใหนกเรยนสงเกตทเฟรมท 40 จะมสญลกษณ ตว a เลกอยในเฟรม จ�กนนกทดสอบกด Ctrl+Enter

แบบท 2 ก�รเขยนแบบ Expert mode คลกทเครองคำ�ว� Script Assist ด�นขว�ของแถบ Action

จะปร�กฏหน�ต�งๆว�งๆขนม� ใหนกเรยนพมพคำ�สง stop(); ลงในพนทว�งนน

Page 4: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

เสรจแลวกดปม Ctrl + Enter เพอทดสอบคำ�สง ถ�ทำ�ถกแอนเมชนจะแสดงผลแค 1 ครงแลวหยด

การเขยน Action Script บน Symbol Button

สำ�หรบก�รใชง�นซมโบลนนม 3 อย�งต�มทไดกล�วม�แลว ไดแก Movie Clip Graphic และ Button ซมโบลแบบ Movie Clip คอซมโบลทส�ม�รถสร�งภ�พเคลอนไหวซอนในตวของมนเองได ซมโบลแบบ Graphic คอ ซมโบลทเปนภ�พกร�ฟฟคไมส�ม�รถสร�งภ�พเคลอนไหวซอนไดซมโบลแบบ Button คอ ปมทใชสำ�หรบก�รควบคมใหซมโบล วตถ หรอ ภ�พเคลอนไหวทำ�ง�นได

สำ�หรบก�รใชง�นซมโบลแบบ Button ส�ม�รถทำ�ไดดงน1. ว�ดรปปมขนม� 1 รป จะเปนรปอะไรกได          

2. ใชลกศรสดำ� (Selection Tool) ล�กครอบแลวกดปม F8 จ�กนนตงชอซมโบลแลวเลอกซมโบลแบบ Button  กด OK

Page 5: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

3. เมอไดซมโบลแลวดบเบลคลกเข�ไปท ซมโบล จะปร�กฏเฟรม 4 สถ�นะ คอ Up Over Down Hit

Up คอ สถ�นะปกตทยงไมไดทำ�อะไร        Over คอ สถ�นะเมอเคอเซอรของเม�สม�ทบปมDown คอ สถ�นะเมอคลกปม                Hit คอ กรอบพนทหรอขอบเขตของปม

4. คลกขว�ทเฟรม Over แลวเลอกคำ�สง Insert Keyframe

5. ทำ�ก�รเปลยนสหรอรปร�งของปมใน เฟรม Over

Page 6: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

6. คลกขว�ทเฟรม Down แลวเลอกคำ�สง Insert Keyframe แลวเปลยนสอกรอบ

7. คลกขว�ทเฟรม Hit แลวเลอกคำ�สง Insert Keyframe ไมตองเปลยนสกไดเพร�ะสถ�นะ Hit เปนขอบเขตของปมทส�ม�รถคลกไดเท�นน ไมส�ม�รถแสดงสได

Page 7: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

หม�ยเหตห�กตองก�รพมพขอคว�มบนปมส�ม�รถพมพไดต�มคยเฟรมของแตละสถ�นะ

8. เมอตกแตงเสรจ กดทคำ�ว� Scene 1 เพอกลบไปยงหน�หลก จ�กนนกด ปม Ctrl+Enter เพอทดสอบ และลองเลอนเม�สม�ทบปมและคลกด จะมก�รเปลยนแปลงเกดขนต�มทเร�กำ�หนด

Page 8: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

วธการใช ActionScriptActionScript เปนก�รเขยนภ�ษ� Script บนโปรแกรม Flash เพอใชควบคมมว (Movie) ใหทำ�ง�นต�มเหตก�รณต�งๆโดยเขยนทหน�ต�งทเรยกว� พ�เนล (Panel) ซงพ�เนล ม 2 โหมดคอ Normal Mode เปนโหมดปกต ซงจะมตวนำ�ท�งหรอเมนตวเลอก โหมดนเหม�ะสำ�หรบมอใหม Expert Mode เปนโหมดสำ�หรบผเชยวช�ญเหม�ะสำ�หรบผทจำ�รปแบบคำ�สง (Syntax, operator,command)ไดด ในโหมดนจะไมม เมนนำ�ท�ง เหมอนแบบแรก

ก�รเปดหน�ต�ง พ�เนล (Panel Actions) คลก Windows > Action หรอ กด F9

ขนท 1 คลกทปม Script Assist เพอสลบหน�ต�งพ�เนล

Page 9: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

การเขยนคำาสงใหกบเฟรม

คำ�สง Action Script ส�ม�รถเขยนใหกบองคประกอบ 3 ชนด คอ เฟรม (Frame) ปม (Button) และมวคลป (Movie Clip)ขน ตอนก�รก�รเขยนคำ�สงใหกบเฟรม (Frame)ขนท 1 คลกเฟรมทตองก�รใสคำ�สงสครปต (หม�ยเลข 1)

ขนท 2 เขยนคำ�สงทตองก�ร กรณอยใน Normal Mode ทำ�ไดโดย คลกเครองหม�ยบวก (หม�ยเลข 2 ) แลวคลกเลอกคำ�สงทตองก�ร 

Page 10: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

ขนท 3 ผลทไดจ�กก�รใสคำ�สง (หม�ยเลข 4 )

4. กรณอยใน Expert Mode ส�ม�รถเขยนคำ�สงไดโดยตรง (หม�ยเลข 5)

Page 11: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

5. เมอตองก�รลบคำ�สงออก ทำ�ไดโดยคลกเครองหม�ยลบ (หม�ยเลข 6)หรอห�กอยใน Expert Mode ทำ�ก�รแดรกเม�สคลมคำ�สงทตองก�รลบ แลวกดปม Delete

การเขยนคำาสงใหกบปม         ก�รเขยนคำ�สงใหกบปม คอก�รกำ�หนดแอคชนใหปม ใหตอบสนองตอก�รกระทำ� เชน เวล�คลกล�ก (Drag) หรอว�งเม�สไวเหนอปม ซงตองใสคำ�สงไวภ�ยในตวควบคม on พรอมทงระบเหตก�รณหรออเวนต (event) ของเม�สหรอคยบอรด ต�มดวยคำ�สงทตองก�รโดยมรปแบบคำ�สง คอ

ขนตอน การเขยนคำาสงใหกบปม (โหมด Normal)1. คลกทปม แลวใสคำ�สงทหน�ต�งพ�เนล ActionScript ต�มตองก�ร  

4. คลกเครองหม�ยบวก (หม�ยเลข 1)

Page 12: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

5. เลอกเมนคำ�สงทตองก�ร เชน ตองก�รใหเปดเวบ (หม�ยเลข 2)

6. ในบ�งคำ�สง จะตองมก�รกรอกร�ยละเอยดทตองก�ร (หม�ยเลข 3)

Page 13: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

แนวทางการเขยน   ActionScript สำ�หรบก�รเขยนใน Expert Mode จะมรปแบบก�รเขยนแอคชนสครปต ใหกบเฟรมเพอควบคมปมและมฟวคลป ดงน

ตวอย�งเชน ก�รเขยนสงง�นใหกบปมชอ button1 เวล�ถกคลก จะใชรปแบบ คอ

ขน ตอนก�รเขยนดวยหน�ต�ง Expert Mode (หม�ยหต : ดขนตอนก�รเขยนโดยใชหน�ต�ง Normal Mode ไดท ก�รเขยนคำ�สงใหกบปม)

Page 14: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

1. คลกทปมใหแอคทฟ (Active)  

 

2. เปดหน�ต�งแอคชน แบบ Expert Mode  หรอถ�เปดแลว ใหคลกทปม    เปรยบเทยบหน�ต�ง Expert Mode และ Normal Mode  

3. คลกเครองหม�ยบวก  (หม�ยเลข 1)

4. คลกเลอกกลมคำ�สงทตองก�ร (หม�ยเลข 2)

Page 15: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

5. ดบเบลคำ�สง หรออเวนตทตองก�ร (หม�ยเลข 3)

6. ทำ�ซำ�ขอ 3-5 เพอเพมเตมคำ�สงอนๆ อก ต�มตองก�ร

คำาสงพนฐาน   Action Script

คำาสง On Mouse Event ใชกำ�หนดเหตก�รณ ของเม�สหรอคยบอรด ซงจะมผลชดคำ�สงทอยในบรรทดตอๆ ม�ทอยในเครองหม�ย { } ถกดำ�เนนก�ร โดยทกครงทกำ�หนดคำ�สงใหกบปม โปรแกรมจะสร�งคำ�สง On ขนม�รองรบซงจะมอเวนตทประกอบดวย

Page 16: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

คำาสง Go To เปนคำ�สงทใชควบคมก�รแสดงของมฟว โดยสงใหหวอ�น (Play Head) กระโดดไปยงตำ�แหนงทตองก�ร ไดแก

Page 17: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

ตวอย�ง....................

Page 18: WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส งหร อภาษาคอมพ วเตอร ท ใช ในการควบค

จ�กภ�พ เปนก�รกำ�หนดใหหวอ�น (Play Head) กระโดดไปหยดท Scene 2 เฟรมท 10