Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand...

28
กกกกกกกกกกกกกกกกกกกกกกกก กกกกกกกกกกกกกกกกกก กกกกกกกกกกกกกกกกกกกกกกกกก กกกกกกกกกก กกกกกกกกกกกกกก กกกกกกก กกกกกกก กกกกกก กกกกกกกกกกกกกกกกกกกกก กกกกกกกกกกกกกกกกกกกกกกกกกกกก ก กกกกกกกกกกกกกกกกกก กกกกกกกกกกกก กกกกกก กกกกกกกกกกก 1. กกกกกกกกกกก Flash CS3 กกกกกก 2. กกกกก Flash File (ActionScript 2.0) 3. กกกกกกกกกกกกก Document Properties กกกกกกกก 550x400 pixels กกกกกกกกกกก กกกก

Transcript of Web viewใส่ ActionScript ใน Frame ที่ 1 ใน Layer 2 ดังนี้fscommand...

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);}