+ All Categories
Home > Documents > WordPress.com · Web viewAction Script (แอคช นสคร ปต ) ค อช ดคำส...

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

Date post: 03-Sep-2020
Category:
Upload: others
View: 5 times
Download: 0 times
Share this document with a friend
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
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


Recommended