Download - การใช้งาน Action script พื้นฐาน

Transcript
Page 1: การใช้งาน Action script พื้นฐาน

การใช้�งาน action script พื้��นฐาน

Action Script (แอคชั่��นสคริปต์ ) ค�อชั่�ดค��ส��งหริ�อภ�ษ�คอมพิวเต์อริ ที่��ใชั่�ในก�ริควบค�มหริ�อส��งก�ริในโปริแกริม Flash 

โดย Action Script ส�ม�ริถเขี�ยนควบค�มได�ที่�'งบน Timeline และ บน Symbol

การเขี�ยน Action Script บน Timeline

          ก�ริเขี�ยนแอคชั่��นสคริปต์ บนไที่ม ไลน ส�ม�ริถที่��ด�งน�'1. สริ��งแอนเมชั่��นแบบใดก+ได�ขี,'นม� 1 ชั่'น (ในต์�วอย-�งจะสริ��งแอนเมชั่��นแบบ Motion Tween)

หม�ยเหต์� * ปกต์เม��อเริ�กดป�/ม Ctrl+Enter โปริแกริม Flash จะเล-นวนซ้ำ�'�ไปซ้ำ�'�ม�จนกว-�จะป1ด2. แที่ริกค��ส��ง Action Script เขี��ไปในเฟริมส�ดที่��ยขีองง�น ให�คลกที่��เฟริมที่�� 40 แล�วกดป�/ม F9 บนค�ย บอริ ด จะม�หน��ต์-�งๆ Action Frame ขี,'นม�ด�งริ4ป

Page 2: การใช้งาน Action script พื้นฐาน

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

ส��หริ�บผู้4�ที่��ย�งใชั่�ค��ส��งไม-คล-อง และ แบบ Expert ค�อ แบบที่��ส�ม�ริถพิมพิ ค��ส��งได�เลย

ส��หริ�บห�วขี�อน�'จะให�เขี�ยนที่�'ง 2 ริ4ปแบบ ด�งน�'

เล�อกค��ส��ง Global Functions > Timeline Control >

stop  (ค��ส��ง stop ค�อ ส��งให�หย�ดก�ริที่��ง�น)

Page 3: การใช้งาน Action script พื้นฐาน

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

แบบที่�� 2 ก�ริเขี�ยนแบบ Expert mode คลกที่��เคริ��องค��ว-� Script

Assist ด��นขีว�ขีองแถบ Action

จะปริ�กฏหน��ต์-�งๆว-�งๆขี,'นม� ให�น�กเริ�ยนพิมพิ ค��ส��ง stop(); ลงในพิ�'นที่��ว-�งน�'น

Page 4: การใช้งาน Action script พื้นฐาน

เสริ+จแล�วกดป�/ม Ctrl + Enter เพิ�อที่ดสอบค��ส��ง ถ��ที่��ถ4กแอนเมชั่��นจะแสดงผู้ลแค- 1 คริ�'งแล�วหย�ด

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

ส��หริ�บก�ริใชั่�ง�นซ้ำมโบลน�'นม� 3 อย-�งต์�มที่��ได�กล-�วม�แล�ว ได�แก- Movie Clip Graphic และ Button ซ้ำมโบลแบบ Movie

Clip ค�อซ้ำมโบลที่��ส�ม�ริถสริ��งภ�พิเคล��อนไหวซ้ำ�อนในต์�วขีองม�นเองได� ซ้ำมโบลแบบ Graphic ค�อ ซ้ำมโบลที่��เป:นภ�พิกริ�ฟฟ1คไม-ส�ม�ริถสริ��งภ�พิเคล��อนไหวซ้ำ�อนได�ซ้ำมโบลแบบ Button ค�อ ป�/มที่��ใชั่�ส��หริ�บก�ริควบค�มให�ซ้ำมโบล ว�ต์ถ� หริ�อ ภ�พิเคล��อนไหวที่��ง�นได�

ส��หริ�บก�ริใชั่�ง�นซ้ำมโบลแบบ Button ส�ม�ริถที่��ได�ด�งน�'1. ว�ดริ4ปป�/มขี,'นม� 1 ริ4ป จะเป:นริ4ปอะไริก+ได�          

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

Page 5: การใช้งาน Action script พื้นฐาน

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

Up ค�อ สถ�นะปกต์ที่��ย�งไม-ได�ที่��อะไริ        Over ค�อ สถ�นะเม��อเคอเซ้ำอริ ขีองเม�ส ม�ที่�บป�/มDown ค�อ สถ�นะเม��อคลกป�/ม                Hit ค�อ กริอบพิ�'นที่��หริ�อขีอบเขีต์ขีองป�/ม4. คลกขีว�ที่��เฟริม Over แล�วเล�อกค��ส��ง Insert Keyframe

Page 6: การใช้งาน Action script พื้นฐาน

5. ที่��ก�ริเปล��ยนส�หริ�อริ4ปริ-�งขีองป�/มใน เฟริม Over

6. คลกขีว�ที่��เฟริม Down แล�วเล�อกค��ส��ง Insert

Keyframe แล�วเปล��ยนส�อ�กริอบ

7. คลกขีว�ที่��เฟริม Hit แล�วเล�อกค��ส��ง Insert Keyframe ไม-ต์�องเปล��ยนส�ก+ได�เพิริ�ะสถ�นะ Hit เป:นขีอบเขีต์ขีองป�/มที่��ส�ม�ริถคลกได�เที่-�น�'น ไม-ส�ม�ริถแสดงส�ได�

Page 7: การใช้งาน Action script พื้นฐาน

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

8. เม��อต์กแต์-งเสริ+จ กดที่��ค��ว-� Scene 1 เพิ��อกล�บไปย�งหน��หล�ก จ�กน�'นกด ป�/ม Ctrl+Enter เพิ��อที่ดสอบ และลองเล��อนเม�ส ม�ที่�บป�/มและคลกด4 จะม�ก�ริเปล��ยนแปลงเกดขี,'นต์�มที่��เริ�ก��หนด

วิ�ธี�การใช้� ActionScript

ActionScript เป:นก�ริเขี�ยนภ�ษ� Script บนโปริแกริม Flash เพิ��อใชั่�ควบค�มม4ว�� (Movie) ให�ที่��ง�นต์�มเหต์�ก�ริณ์ ต์-�งๆโดยเขี�ยนที่��หน��ต์-�งที่��เริ�ยกว-� พิ�เนล (Panel) ซ้ำ,�งพิ�เนล ม� 2 โหมดค�อ Normal Mode เป:นโหมดปกต์ ซ้ำ,�งจะม�ต์�วน��ที่�งหริ�อเมน4ต์�วเล�อก โหมดน�'เหม�ะส��หริ�บม�อใหม- Expert Mode เป:นโหมดส��หริ�บผู้4�เชั่��ยวชั่�ญเหม�ะส��หริ�บผู้4�ที่��จ��ริ4ปแบบค��ส��ง (Syntax, operator,command)ได�ด� ในโหมดน�'จะไม-ม� เมน4น��ที่�ง เหม�อนแบบแริก

ก�ริเป1ดหน��ต์-�ง พิ�เนล (Panel Actions) คลก Windows >

Action หริ�อ กด F9

Page 8: การใช้งาน Action script พื้นฐาน

ขี�'นที่�� 1 คลกที่��ป�/ม Script Assist เพิ��อสล�บหน��ต์-�งพิ�เนล

การเขี�ยนคำ�าสั่��งให้�ก�บเฟรมค��ส��ง Action Script ส�ม�ริถเขี�ยนให�ก�บองค

ปริะกอบ 3 ชั่นด ค�อ เฟริม (Frame) ป�/ม (Button) และม4ว�คลป (Movie Clip)

ขี�'น ต์อนก�ริก�ริเขี�ยนค��ส��งให�ก�บเฟริม (Frame)

ขี�'นที่�� 1 คลกเฟริมที่��ต์�องก�ริใส-ค��ส��งสคริปต์ (หม�ยเลขี 1)

Page 9: การใช้งาน Action script พื้นฐาน

ขี�'นที่�� 2 เขี�ยนค��ส��งที่��ต์�องก�ริ กริณ์�อย4-ใน Normal Mode ที่��ได�โดย คลกเคริ��องหม�ยบวก (หม�ยเลขี 2 ) แล�วคลกเล�อกค��ส��งที่��ต์�องก�ริ 

ขี�'นที่�� 3 ผู้ลที่��ได�จ�กก�ริใส-ค��ส��ง (หม�ยเลขี 4 )

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

Page 10: การใช้งาน Action script พื้นฐาน

5. เม��อต์�องก�ริลบค��ส��งออก ที่��ได�โดยคลกเคริ��องหม�ยลบ (หม�ยเลขี 6)

หริ�อห�กอย4-ใน Expert Mode ที่��ก�ริแดริกเม�ส คล�มค��ส��งที่��ต์�องก�ริลบ แล�วกดป�/ม Delete

การเขี�ยนคำ�าสั่��งให้�ก�บปุ่ !ม         ก�ริเขี�ยนค��ส��งให�ก�บป�/ม ค�อก�ริก��หนดแอคชั่��นให�ป�/ม ให�ต์อบสนองต์-อก�ริกริะที่�� เชั่-น เวล�คลกล�ก (Drag) หริ�อว�งเม�ส ไว�เหน�อป�/ม ซ้ำ,�งต์�องใส-ค��ส��งไว�ภ�ยในต์�วควบค�ม on พิริ�อมที่�'งริะบ�เหต์�ก�ริณ์ หริ�ออ�เวนต์ (event) ขีองเม�ส หริ�อค�ย บอริ ด ต์�มด�วยค��ส��งที่��ต์�องก�ริโดยม�ริ4ปแบบค��ส��ง ค�อ

ขี��นตอน การเขี�ยนคำ�าสั่��งให้�ก�บปุ่ !ม (โห้มด Normal)

1. คลกที่��ป�/ม แล�วใส-ค��ส��งที่��หน��ต์-�งพิ�เนล ActionScript ต์�มต์�องก�ริ  

Page 11: การใช้งาน Action script พื้นฐาน

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

5. เล�อกเมน4ค��ส��งที่��ต์�องก�ริ เชั่-น ต์�องก�ริให�เป1ดเว+บ (หม�ยเลขี 2)

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

Page 12: การใช้งาน Action script พื้นฐาน

แนวิทางการเขี�ยน ActionScript

ส��หริ�บก�ริเขี�ยนใน Expert Mode จะม�ริ4ปแบบก�ริเขี�ยนแอคชั่��นสคริปต์ ให�ก�บเฟริมเพิ��อควบค�มป�/มและม4ฟว��คลป ด�งน�'

ต์�วอย-�งเชั่-น ก�ริเขี�ยนส��งง�นให�ก�บป�/มชั่��อ button1 เวล�ถ4กคลก จะใชั่�ริ4ปแบบ ค�อ

ขี�'น ต์อนก�ริเขี�ยนด�วยหน��ต์-�ง Expert Mode 

(หม�ยหต์� : ด4ขี� 'นต์อนก�ริเขี�ยนโดยใชั่�หน��ต์-�ง Normal

Mode ได�ที่�� ก�ริเขี�ยนค��ส��งให�ก�บป�/ม)

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

Page 13: การใช้งาน Action script พื้นฐาน

 

2. เป1ดหน��ต์-�งแอคชั่��น แบบ Expert Mode  หริ�อถ��เป1ดแล�ว ให�คลกที่��ป�/ม    เปริ�ยบเที่�ยบหน��ต์-�ง Expert

Mode และ Normal Mode  

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

4. คลกเล�อกกล�-มค��ส��งที่��ต์�องก�ริ (หม�ยเลขี 2)

Page 14: การใช้งาน Action script พื้นฐาน

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

6. ที่��ซ้ำ�'�ขี�อ 3-5 เพิ��อเพิ�มเต์มค��ส��งอ��นๆ อ�ก ต์�มต์�องก�ริ

คำ�าสั่��งพื้��นฐาน Action Script

คำ�าสั่��ง On Mouse Event ใชั่�ก��หนดเหต์�ก�ริณ์ ขีองเม�ส หริ�อค�ย บอริ ด ซ้ำ,�งจะม�ผู้ลชั่�ดค��ส��งที่��อย4-ในบริริที่�ดต์-อๆ ม�ที่��อย4-ในเคริ��องหม�ย { } ถ4กด��เนนก�ริ โดยที่�กคริ�'งที่��ก��หนดค��ส��งให�ก�บป�/ม โปริแกริมจะสริ��งค��ส��ง On ขี,'นม�ริองริ�บซ้ำ,�งจะม�อ�เวนต์ ที่��ปริะกอบด�วย

Page 15: การใช้งาน Action script พื้นฐาน

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

Page 16: การใช้งาน Action script พื้นฐาน

ต์�วอย-�ง....................

Page 17: การใช้งาน Action script พื้นฐาน

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