การใช้งาน action 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 แแแแแแแแแแแแ

Upload: -

Post on 29-Oct-2014

851 views

Category:

Technology


2 download

Tags:

DESCRIPTION

 

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