1) ศึกษาส่วนต่าง ๆ ในโปรแกรม
1. Panels คือส่วนที่ทำให้ใช้งานเครื่องมือได้ง่าย
    ควรฝึกปิดเปิด Panel
2. ถ้ามีปัญหา Panel บางอย่างหาย ให้ Reset to Defaults
3. หาให้พบว่าส่วนใดคือ Tools Panel, Layout Panel,     Shape Panel
4. ในหัวข้อนี้ยังไม่ศึกษาส่วนของ Outline Panel, Script
    หรือ Options
5. ขั้นตอน การสร้างวัตถุให้เคลื่อนย้ายไปถึงตำแหน่งที่ต้องการ
- คลิ๊ก Ellipse ใน Tools Panel (รูปวงกลม)
- วาดวงกลมใน Layout Panel ที่ตำแหน่งมุมบนซ้าย
   ของแผ่นงาน
- เปลี่ยนสีของ Fill ใน Shape Panel เป็นสีแดง
- คลิ๊ก Frame ที่ 1 ใน Timeline Panel ในบรรทัดของ    Ellipse
- คลิ๊ก Add Effect, Move
- ใช้ Mouse ย้าย Ellipse ไปตรงกลางแผ่นงาน จะพบ
  เส้นประแสดงการทิศทางการย้าย
6. จัดเก็บ และทดสอบ
- จัดเก็บ โดยคลิ๊ก Menu Bar, Save ชื่อ Movie1.swi
- ทดสอบ โดยคลิ๊ก Menu Bar, Control, Play Movie   (Ctrl + Enter)
- ส่งออกไปไว้ใน c:\Movie1.swf โดยเลือก Menu Bar,   File, Export, SWF
- ทดสอบด้วยโปรแกรม IE(Internet Explorer) โดยเปิดแฟ้ม    c:\Movie1.swf
7. หยุด Movie ได้ 2 วิธี
- ใน Movie Panel เลือก Stop move at end of movie
- เลือก Scene1 ใน Timeline แล้วกำหนด Add Script,   Movie Contorl, Stop()

Script Sample
onFrame (10) {
    stop();
}

2. Text, Timeline, Effect

1. ข้อความหนึ่งสามารถมีหลาย effect เพราะมี Timeline ที่ต่างกัน
2. ใน Scene หนึ่ง สามารถมีหลายข้อความแสดงผลใน Frame เดียวกันได้
3. ควบคุมความเร็วค่า Frame Rate ใน Movie Panel ปกติเป็น 12 Frames/sec
4. ขั้นตอน การแทรกข้อความ และใส่ effect
- คลิ๊ก Menu Bar, Insert, Text
- พิมพ์คำว่า HELLO แทน TEXT ใน Text Panel
- Name ของ TEXT เป็น t1 ใน Text Panel
- เปลี่ยนสีข้อความ และขนาดข้อความให้ใหญ่ขึ้น
- คลิ๊ก Frame ที่ 1 ใน Timeline Panel ในบรรทัดของ t1
- คลิ๊ก Add Effect, Slide, In From Left
5. ขั้นตอน การแทรกภาพ และแสดงในเวลาที่กำหนด
- คลิ๊ก Menu Bar, Insert, Image
- คลิ๊ก Frame ที่ 1 ใน Timeline Panel ในบรรทัด
  ของ Image
- คลิ๊ก Add Effect, Remove ทำให้ภาพไม่แสดงผล
- คลิ๊ก Frame ที่ 5 ใน Timeline Panel ใน
  บรรทัดของ Image
- คลิ๊ก Add Effect, Place ทำให้ภาพเริ่มแสดง
  ผลใน Frame ที่ 5

กำหนดสี และความเข้มหลัง move

3. การใช้หลาย Scene
1. button มี state ให้ควบคุมเช่น Up/Over/Down/
    Hit เป็นต้น
2. การสร้างปุ่มควบคุม scene อาจใช้เพียง Text
   และ on(release) ก็ได้
3. ขั้นตอน การแทรก Scene และแทรก Shape
   และกำหนด effect ให้กับ Shape
- คลิ๊ก Ellipse ใน Tools Panel (รูปวงกลม)
- วาดวงกลมใน Layout Panel ที่ตำแหน่งมุมบนซ้าย
  ของแผ่นงาน
- เปลี่ยนสีของ Fill ใน Shape Panel เป็นสีแดง
- คลิ๊ก Ellipse ใน Tools Panel (รูปวงกลม)
- วาดวงกลมใน Layout Panel ที่ตำแหน่งมุมล่างขวาของแผ่นงาน
- เปลี่ยนสีของ Fill ใน Shape Panel เป็นน้ำเงิน
- คลิ๊ก Menu Bar, Insert, Scene
- คลิ๊ก Menu Bar, Insert, Scene
- เพิ่ม shape และทำให้แตกต่างกัน ให้กับทั้ง 3 Scene
- กำหนด move ให้กับ shape ในทุก Scene
4. ขั้นตอนการสร้างปุ่ม Next ไป Scene ถัดไปด้วย
    copy Button
- นำแฟ้ม .swi มาแก้ไขต่อ เพื่อสร้างปุ่มควบคุม Scene
- ไปตำแหน่ง Frame 11 ของแต่ละ Scene แล้วกำหนด    Movie Control เป็น stop()

คำสั่งใน Script จะได้ onFrame (11) { stop(); }
- ไป Scene 1 แล้วคลิ๊ก Menu Bar, Insert, Text
   พิมพ์คำว่า Next แทนข้อความเดิม
- กำหนด Text ใน Text Panel เป็น Static Text
- กำหนดชื่อให้ Text เป็น bnext
- เปิด Script Panel แล้วเพิ่ม Script, Events, Button, on(release)
เลือกคำสั่งอัตโนมัติจาก Add Script, Movie Control, gotoAndPlay, nextSceneAndPlay()

คำสั่งใน Script จะได้ on (release) { nextSceneAndPlay(); }
- คลิ๊ก menu bar, Modify, Convert, Convert to    Button
- Right Click บน bnext แล้ว Copy Object
- คลิ๊ก Scene 2 แล้ว paste Object จะได้ bnext ไว้ใช้
- คลิ๊ก Scene 3 แล้ว paste Object จะได้ bnext ไว้ใช้
- เท่านี้ก็จะมีปุ่ม Next ให้ใช้ทุก Scene
5. ขั้นตอนการสร้าง Text : Next ไป Scene ถัดไปใน     Scene แรก
- สร้าง 3 Scene ที่มี Shape และ stop() ปิดทุก Scene
- Insert Scene จะได้ Scene 4 ให้ย้ายมาอยู่ก่อน
  Scene 1
- คลิ๊ก Scene 4 แล้วคลิ๊ก Menu Bar, Insert, Text พิมพ์คำว่า Next แทนข้อความเดิม
- กำหนด Text ใน Text Panel เป็น Static Text
- กำหนดชื่อให้ Text เป็น bnext
- เปิด Script Panel แล้วเพิ่ม Script, Events, Button, on(release)
เลือกคำสั่งอัตโนมัติจาก Add Script, Movie Control, Play()
คำสั่งใน Script จะได้ on (release) { Play(); }
- คลิ๊ก Scene 4 แก้ใน Scene Panel โดยคลิ๊ก Checkbox : Use this scene as a background
- เท่านี้ก็จะมีปุ่ม Next ให้ใช้ทุก Scene เพราะท้ายทุก Scene เป็น stop()

4. การใช้หลายวัตถุร่วมกัน

1. ใส่เสียงทั้งแบบ Insert Content หรือ SoundTrack ต่าง Import เข้ามาทั้งคู่
- Insert Content แฟ้ม Mp3 จะเข้ามาเป็น Action Script
- Insert Soundtrack แฟ้ม Mp3 จะเข้ามา Frame มีระยะเวลาใน Timeline
2. นำภาพ bgstar.gif เข้าไปจะสร้างแต่ละภาพแยกเฟลมอัตโนมัติ
- คลิ๊ก Menu Bar, Insert, Image เลือกได้ 3 แบบ
- แบบ One object per frame in a group คือ นำภาพเข้าวัตถุแยก frame แต่ไม่แยก timeline
- แบบ Animated sprite คือ นำภาพเข้าไปใน sprite และแยก timeline อัตโนมัติ
- แบบ New scene คือ นำภาพเข้าไปใน scene ใหม่ และแยก timeline อัตโนมัติ
3. Swishmax ยังไม่ยอมให้ import avi หรือ mpg เข้าไป ถ้านำเข้าต้อง convert เป็น swf ก่อน
- Option 1 : http://www.my-dvd-creator.com/video2flash.htm (3 MB)
- Option 2 : http://www.blazemp.com/screenshots.html (16 MB)
- หลังจากพยายามนำภาพยนต์ หรือวีดีโอเข้าไป พบว่า .swf ไม่เหมาะกับการใช้แฟ้มเหล่านี้
4. ขั้นตอนการสร้าง Slide Image จากหลายภาพ
- Download ภาพจาก http://www.thaiall.com/face/babyface.htm
- คลิ๊ก Menu Bar, Insert, Image เลือก 4 ภาพ
- คลิ๊กที่ frame 1 ของภาพที่ 1 เลือก Add Effect, Place
- คลิ๊กที่ frame 2 ของภาพที่ 1 เลือก Add Effect, Disappear from position, Fade- Burn Out(20)
- คลิ๊กที่ frame 22 ของภาพที่ 1 เลือก Add Effect, Remove
- ทำ Effect กับอีก 3 ภาพให้เหมือนภาพที่ 1
- กด Shift ค้าง เลือกทุก Effect ของภาพที่ 2 แล้วย้ายทั้งหมดไปเริ่ม frame 23
- กด Shift ค้าง เลือกทุก Effect ของภาพที่ 3 แล้วย้ายทั้งหมดไปเริ่ม frame 45
- กด Shift ค้าง เลือกทุก Effect ของภาพที่ 4 แล้วย้ายทั้งหมดไปเริ่ม frame 67
- ทำให้ Scene นี้ใช้จำนวน Frame ทั้งหมด 89 Frame
- ปรับขนาดของ Scene เป็น 200 Pixels * 280 Pixels ให้เท่ากับภาพหญิงสาว

5. การสร้างปุ่ม และเขียน Action
1. ขั้นตอนการสร้างปุ่มวงกลมไป Scene ถัดไป
- นำ Shape รูปวงกลม (Ellipse) จาก Tools Panel มาไว้บนแผ่นงาน
- Fill Color เป็นสีแดง
- เพิ่ม Script, Events, Button, on(release) ให้กับวงกลมเป็น on (release) { nextSceneAndPlay(); }
- คลิ๊กที่ Frame 1 ของ Scene กำหนด movie control เป็น stop()
- คัดลอก Scene นี้ไปอีก 5 Scene และเปลี่ยนสีของวงกลมเป็นอื่นทุก Scene
- insert Scene ใหม่ แล้วเขียนคำว่า END ใน Text ของ Tools Panel
- คลิ๊กที่ Frame 1 ของ Scene 6 กำหนด movie control เป็น stop()
- คลิ๊ก Scene 1 เปลี่ยน Label เป็น first
- คลิ๊ก Scene 6 แล้วคลิ๊กที่ Text Object
- เพิ่ม Script, Events, Button, on(release) ให้กับ Text เป็น on (release) { nextSceneAndPlay(); }
2. นำเข้า ellipsenext.swi ไม่พบปัญหา เมื่อเลือกแบบ New scene
- เลือก Insert, Content, ellipsenext.swi
- ถ้าเลือก Animated sprite หรือ One object.. จะพบปัญหา Script เกี่ยวกับ Scene
- ถ้าเลือก New scene จะใช้งานได้ตามปกติ
3. นำเข้า ellipsenext.swf สามารถนำมาใช้ได้ในระดับหนึ่ง
- นำเข้า Shape มาครบ ทำให้นำมาปรับปรุงได้ง่าย
- การจัดระเบียบ Scene ไม่เหมือนที่เคยสร้างไว้
- ถ้าเลือก Include decompiled scripts จะพบข้อผิดพลาดในบางกรณี

6. การใช้ Action : Goto frame, next หรือ previous
1. ขั้นตอนการสร้างปุ่มหลายปุ่ม
- นำแฟ้ม ellipsenext.swi มาแก้ไข
- นำ Text จาก Tools Panel มาไว้บนแผ่นงาน พิมพ์ 3 ใน Webdings Font ได้ลูกศร Back
- นำ Text จาก Tools Panel มาไว้บนแผ่นงาน พิมพ์ 4 ใน Webdings Font ได้ลูกศร Front
- ปรับขนาด และตำแหน่งวงกลมในแต่ละ Scene ให้เห็นความก้าวหน้าจากการ Click ลูกศร
- คลิ๊ก Scene 6 เปลี่ยน Label เป็น last และ Scene 1 เคยตั้งเป็น first แล้ว

- คัดลอก Text และใส่ Script ตามความเหมาะสม เช่น
on (release) { prevSceneAndPlay(); }
on (release) { nextSceneAndPlay(); }
on (release) { gotoAndPlay("first"); }
on (release) { gotoAndPlay("last"); }
on (release) { gotoAndPlay(5); }
on (release) { gotoSceneAndPlay("last", 5) }
2. นำเข้าภาพ computer.gif มาเป็น frame
- ไม่เลือก background เพราะเป็นพื้นดำ
- เลือกมาเป็นกลุ่มแบบ Sprite
- ขนาดของ .gif ใกล้เคียงกับ .swf มาก ตัวอย่างนี้ขนาด 3 KB

7. การสร้างข้อสอบอย่างง่าย (แบบถูกผิด)

1. สร้าง 3 Text คือ คำถามเช่น 5 + 6 = 10 คำว่า ถูก
    และคำว่า ผิด
2. ทั้ง 3 Text มีชื่อเป็น question, right และ wrong
3. ใน Text ผิด ให้มี code ด้านล่างนี้ แต่ใน ถูกให้ลบ
    บรรทัดที่เขียนว่า r = r + 1; ออก
on (release) { r = r + 1;nextSceneAndPlay(); }
 4. ใน Scene_1 ให้กำหนดค่าเริ่มต้นให้กับ r และควรมีคำสั่งนี้ใน Scene_1 เท่านั้น
onLoad () { r = 0; }
5. Copy Scene และ Paste Scene แล้วเปลี่ยน โจทย์เป็น 7 + 2 = 9
6. ใน Text ถูก ให้มี code ด้านล่างนี้ แต่ใน ผิดให้ลบบรรทัดที่เขียนว่า r = r + 1; ออก
on (release) { r = r + 1;
nextSceneAndPlay(); }
7. ถ้าคัดลอก Scene_1 มาเป็น Scene_2 ให้ลบ onLoad() ของ Scene_2 เพื่อไม่ให้กำหนดค่าเริ่มต้นซ้ำ
8. ให้ insert scene ขึ้นมาใหม่ แล้วสร้าง Text ชื่อ result เป็นแบบ dynamic
9. เขียน Script ใน scene_3 ให้ result = r ใน onLoad()
10. ทุก Scene กำหนด Movie Control เป็น Stop ใน Scene
11. กำหนด Stop playing at end of movie ใน Movie Panel
12. สร้าง Text ใหม่ใน Scene_3 แสดงคำว่า Back
13. คำสั่งใน on (release) ของ Back คือ gotoAndPlay("Scene_1");

8. การสร้างข้อสอบอย่างง่าย (แบบเติมคำ)
1. วางแผนสร้างข้อสอบ เติมคำ อย่างง่าย
2. สร้าง 3 Text คือ 5 + 6 = ? และ ช่องว่างรับค่า และ ปุ่ม Send
3. ทั้ง 3 Text มีชื่อเป็น question, answer และ send
4. ทั้ง 3 Text เป็นแบบ Static, Input และ (Dynamic หรือ Static)
5. สำหรับ answer เลือกเป็น black border with white background
6. Script ของ Scene_1
onLoad () { r = 0; answer = ""; }
7. Script ของ text ชื่อ Send
on (release) {
if (answer == "11"){ r = r + 1; }
nextSceneAndPlay();
}
8. เพิ่ม Movie Control เป็น stop() ใน frame สุดท้ายของทุก scene
9. copy scene_1 เป็น scene_2 เพื่อเพิ่มข้อสอบข้อใหม่
10. ลบ r = 0; ใน onLoad() ตั้งแต่ Scene_2 เป็นต้นไป
 แล้วแก้โจทย์ และคำตอบในปุ่ม Send
11. copy scene เป็นข้อต่อไป และแก้ไขตาม scene_2
12. scene สุดท้ายสร้าง text ชื่อ result แบบ dynamic
13. กำหนดให้ result = r ใน onLoad() ของ scene
      สุดท้าย
14. คำตอบ (answer) เป็น ภาษาไทย ที่มีสระไม่ได้
- คำที่ใช้ใน input text ไม่ได้ เช่น ไก่ น้ำ ข้าง งู
- คำที่ใช้ใน input text ได้ เช่น กบ มด ขาว ลาย
- input text รับภาษาไทยขณะทดสอบไม่ได้
  ต้องทดสอบใน .swf