Download - Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

Transcript
Page 1: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

การใชงานตงแตเรมจน เซฟเปนงานมดงน โดยผมตดมาจากสวนหนงของสอการสอน ของทานอาจารย แมน

สรวง แซซม นะครบ ตอนแรกกะวาจะเขยนเอง แตทานอาจารยเขยนไวดจรง ๆ เลยขอนำาบทความทาน มาเผยแพร

ตอ การใชงานมดงน

1.        เปดโปรแกรม Flash CS3 ขนมา

2.        เลอก Flash File (ActionScript 2.0)

 

3.        กำาหนดขนาดของ Document Properties  เปนขนาด 550x400 pixels  แลวคลกปม ตกลง

 

Page 2: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

4.        การเพมและเปลยนชอ Scene เลอกเมน Window ? Other Panels ? Scene ดงรป

Page 3: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

5.        เปลยนชอ Scence 1 โดยการดบเบลคลกท ชอ Scence 1 แลวเปลยนชอเปน Intro ดงรป

 

Page 4: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

6.        สรางหนาจอแสดงถงขอมลหนาแรกของสอคอมพวเตอรชวยสอนของเรา

6.1        ใน Layer 1 สรางพนหลง และสราง Motion Tween ใหกบ พนหลงเลกนอย

6.2        ใน Layer 2 สรางตวหนงสอชอเรอง  และสรางปม ?เขาสบทเรยน?  ดงรป

 

7.        จากนนนำาเสยงเขามาเกบไวใน Library โดยเลอก File ? Import  ? Import to Library? ดงรป

Page 5: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

8.        หลงจากนำาเสยงเพลงเขามาใสไดแลว ใหกำาหนด Linkage ใหกบเสยง ดงรป

 

9.        กำาหนด Identifier ใหเปน song ดงรป

Page 6: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

10.        ใส ActionScript ใน Frame ท 1 ใน Layer 2  ดงน

fscommand("fullscreen",true);playsong=new Sound();playsong.attachSound("song");playsong.start(0,10000);11.        ใส ActionScript ใน Frame ท 10 ใน Layer 2  คอ stop(); 

12.        ใส ActionScript         ใหปมเขาสบทเรยน ดงน

on (release) {        play();}13.        เพม Scene ใหมขนมาหนง Scene ชอวา Inputname ดงรป

 

14.        ใช Text Tool ใสขอความวา ?กรณาปอนชอของคณ? ลงไป 

Page 7: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

15.        ใส ActionScript ใน Frame ท 1 ดงน

Selection.setFocus("iname");stop();

16.        ใช Text Tool สรางกลองขอความ โดยเปลยนชนดของขอความเปน Input Text และใสชอ

Instance เปน iname  ดงรป

 

17.        สราง Symbol ใหม เปนลกษณะ Button ชอ คลก ดงรป

 

Page 8: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

18.        ใส ActionScript         ใหปมเขาสบทเรยน ดงน

on(release){        myname=this.iname.text;        if(myname!=""){                play();        }}19.        เพม Scene ใหมขนมาหนง Scene ชอวา main ดงรป

 

20.        สรางเนอหาของเมนหลก ดงรป

Page 9: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

20.1        สรางพนหลง

20.2        ใสขอความชอเรอง

20.3        ใช Text Tool สรางกลองขอความ เพอแสดงชอของผเขาเรยนโดยเปลยนชนดของขอความเปน

Dynamic Text และใสชอ Instance เปน showname ดงรป

    

 

20.4        ใส ActionScript ใน Frame ท 1 ดงน

this.showname.text="สวสดคณ\n"+myname;stop();

Page 10: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

20.5        สราง Symbol แบบ Button เปนปม ?คำานำา?    แลวใส ActionScript ดงน

on (release) {        gotoAndPlay("kumnum", 1);}20.6        สราง Symbol แบบ Button เปนปม ?จดประสงค?   แลวใส ActionScript ดงน

on (release) {        gotoAndPlay("judprasong", 1);}20.7        สราง Symbol แบบ Button เปนปม ?ผจดทำา?   แลวใส ActionScript ดงน

on (release) {        gotoAndPlay("auther", 1);}20.8        สราง Symbol แบบ Button เปนปม ?แบบฝกหด?   แลวใส ActionScript ดงน

on (release) {        gotoAndPlay("exam", 1);}20.9        สราง Symbol แบบ Button เปนปม ?เขาสบทเรยน?   แลวใส ActionScript ดงน

on (release) {        gotoAndPlay("content", 1);}

20.10        สราง Symbol แบบ Button เปนปม ?ออกจากบทเรยน?   แลวใส ActionScript ดงน

on(release){        fscommand("quit",true);}21.        เพม Scene ใหมขนมาหนง Scene ชอวา kumnum ดงรป

Page 11: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

22.        สรางเนอหาของคำานำา  ดงรป

 

Page 12: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

23.        สราง Symbol แบบ Button เปนปม ?กลบสรายการหลก?   แลวใส ActionScript ดงน

on (release) {        gotoAndPlay("main", 1);}24.        ใส ActionScript ใน Frame ท 1 ดงน คอ  stop();25.        เพม Scene ใหมขนมาหนง Scene ชอวา judprasong ดงรป

 

26.        สรางเนอหาของจดประสงค  ดงรป

Page 13: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

27.        ลาก Symbol ปม ?กลบสรายการหลก?   ใน Library มาวางไวบน State แลวใส ActionScript ดงน

on (release) {        gotoAndPlay("main", 1);}28.        ใส ActionScript ใน Frame ท 1 ดงน คอ  stop();29.        เพม Scene ใหมขนมาหนง Scene ชอวา auther ดงรป

Page 14: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

30.        สรางเนอหาของผจดทำา  ดงรป

 

31.        ลาก Symbol ปม ?กลบสรายการหลก?   ใน Library มาวางไวบน State แลวใส ActionScript ดงน

on (release) {

Page 15: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

        gotoAndPlay("main", 1);}32.        ใส ActionScript ใน Frame ท 1 ดงน คอ  stop();33.        เพม Scene ใหมขนมาหนง Scene ชอวา content ดงรป

 

34.        สรางเนอหาของบทเรยน ใน Frame ท 1 ดงรป

Page 16: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

35.        ใส ActionScript ใน Frame ท 1 ดงน คอ  stop();36.        ลาก Symbol ปม ?กลบสรายการหลก?    ใน Library มาวางไวบน State แลวใส ActionScript ดงน

on (release) {        gotoAndPlay("main", 1);}37.        ลาก Symbol ปม ?คลก? ใน Library มาวางไวบน State แลวใส ActionScript ดงน

on (release) {        nextFrame();}38.        ใน Frame ท 2, 3, 4, 5 ฯลฯ สรางเนอหาในหวขอตอไปเรอย ๆ โดยการใชคำาสง Copy Frame

Page 17: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

39.        ลาก Symbol ปม ?คลก? ใน Library มาวางไวบน State แลวทำาการพลกปมใหหนไปดานตรงขาม

โดยใชเครองมอ Free Transform Tool  หลงจากนนใส ActionScript ดงน

on (release) {        prevFrame();}40.        เพม Scene ใหมขนมาหนง Scene ชอวา exam ดงรป

Page 18: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

41.        สรางแบบฝกหดเปนขอสอบแบบปรนย 4 ตวเลอก โดย Frame ท 1 ใหสรางหนาแรกของการเขาส

แบบฝกหด พมพขอความลงไปบน State ดงรป

Page 19: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

42.        ใส ActionScript ใน Frame ท 1 ดงน

score=0;stop();43.        ลาก Symbol ปม ?คลก? ใน Library มาวางไวบน State แลวใส ActionScript ดงน

on (release) {        play();}44.        คลกขวาตรง Frame ท 2 แลวใชคำาสง Insert Blank Keyframe ขนมาสรางแบบฝกหดแบบ

ปรนย 4 ตวเลอก ขอท 1 ดงรป

Page 20: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

45.        สราง Symbol แบบ Button เปนปม ?ตวเลอก? แลวใส ActionScript ดงน

45.1        ถาเปนขอถก ใส ActionScript ดงน

on(release){        score++;        play();}45.2        ถาเปนขอผด ใส ActionScript ดงน

on(release){        play();}46.        ใน Frame ท 3, 4, 5 ฯลฯ สรางขอคำาถามพรอมตวเลอกตอไปเรอย ๆ ตามตองการ โดยการใชคำาสง

Copy Frame แลวทำาการแกไขขอคำาถามและแกไขตวเลอก พรอมทงแกไข ActionScript ในแตละตวเลอกให

ถกตอง

47.        ใน Frame สดทายของขอคำาถามทงหมด ใหสรางหนาทใชแสดงชอผทำาแบบฝกหด คะแนนของผทำา

Page 21: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

แบบฝกหด และรอยละของคะแนนทได ดงรป 

 

48.        ใช Text Tool สรางกลองขอความ เพอแสดงชอผทำาแบบฝกหด คะแนนของผทำาแบบฝกหด และรอย

ละของคะแนนทได โดยเปลยนชนดของขอความเปน Dynamic Text และใสชอ Instance เปน showscore ดงรป

 

Page 22: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

49.        ใส ActionScript ลงใน Frame ดงกลาว

ss=score*100/4;this.showscore.text="คะแนนของคณ\n"+myname+" คอ\n"+score+"\n คดเปน "+ss+"%";stop();50.        ลาก Symbol ปม ?กลบสรายการหลก?    ใน Library มาวางไวบน State แลวใส ActionScript ดงน

on (release) {        gotoAndPlay("main", 1);}51.        ทำาการบนทกงานของเราไวกอน แลวลอง Test Movie ด แคนกเปนการสำาเรจ

52.        การ Publish งานของเราออกไปใชงาน กอนอนตองไปตงคาการ Publish วาคณตองการทำาไฟล

นามสกลอะไรไปใชอยางไรไดอยางเหมาะสมกอน แลวเลอก ปม Publish เทานกเปนการเสรจสน

53.1        เลอกเมน File --> Publish Settings?. 

Page 23: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

53.2        กำาหนดนามสกลไฟลทตองการนำาไปใช

   

 

Page 24: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

ขอสอบแบบเตมคำ ตอบ

1. สราง Symbol ในรปแบบ Button ดงน

 

2.ออกแบบหนาตาท เลเยอร 1 เฟรม 1 ดงน

Page 25: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

3. เขยน Source Code ท เลเยอร 1 เฟรม 1 ดงน

stop(); 

4. เขยน Source Code ท Button go ดงน

on (release) {                nextFrame();}

5. ออกแบบหนาตาท เลเยอร 1 เฟรม 2 แลว พมพคำาถาม และสรางกลองรบคำาถามเปนแบบ Input text  ตง

ชอกลองคำาตอบ(instane name) นวา input1

Page 26: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

6. เขยน Source Code ท เลเยอร 1 เฟรม 2 ดงน

stop();

7. เขยน Source Code ท Button go ขอทถก ดงน

on (release) {                if (input1.text == "40") {                        score1 = 1;                        nextFrame();                } else {                        score1 = 0;                        nextFrame();                }}8. ออกแบบหนาตาโจทย ขอ 2,3,4,5 โดยการทำาซำาขอ 5 ? 7 

9. ออกแบบหนาตาท เลเยอร 1 เฟรม สดทาย  ดงน

Page 27: Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand ("fullscreen ... ใน Frame ที่ 2, 3, 4, 5

 

แลวกำาหนด ดงน

 

10.เขยน Source Code ท เลเยอร 1 เฟรม 6 ดงน

stop();//score.text = score;score=score1+score2+score3+?(แลวแตขอสอบและตวแปร);11. เขยน Source Code ท Button backFirst ดงน

on (release) {                gotoAndPlay(1);}