แนวทางในการทำ
1. สร้าง Symbol (movie clip) ต่างๆ บน stage แล้วตั้งชื่อ instance name ในหน้าต่าง properties ตามภาพ
2. สร้าง movie clip ตอบถูก
3. สร้าง movie clip ตอบผิด
4.เขียนโค๊ดควบคุม
เริ่มกันเลย
1) สร้างโปรเจค File > New ตั้งชื่อไฟล์ ขนาด 1024 x 768 pixels พื้นหลังสีขาว
2) สร้าง Symbol (movie clip) ต่างๆ บน stage แล้วตั้งชื่อ instance name ในหน้าต่าง properties ดังรูป
3) สร้าง Movie Clip ที่ชื่อ "show_correct"
5) ตั้งชื่ออ้างอิงที่หน้าต่าง properties ในส่วน instance name ใส่ชื่อ "show_correct"
6) สร้าง Movie Clip ที่ชื่อ "show_false"
7) ตั้งชื่ออ้างอิงที่หน้าต่าง properties ในส่วน instance name ใส่ชื่อ "show_false"
7) เขียนโค๊ดควบคุมในเฟรมแรก ของ Layer "script" ในหน้าต่าง Timeline
//initial value _global.num = 0 ; _global.score = 0; _global.question =["ใครเป็นคนผลิตหลอดไฟคนแรก?","สัตว์ข้อใดใหญ่สุด?","เดือนอะไรมี 30 วัน"]; _global.answer = [1,3,2]; _global.choice1=["โทมัส เอดิสัน","มดงาน","มกราคม"]; _global.choice2=["มาร์ก ซักกะเบิร์ก","มดตะนอย","เมษายน"]; _global.choice3=["ไมเคิล เจคสัน","มดเอ็กซ์","มีนาคม"]; _global.choice4=["นีล โบร์","มดดำ","กุมภาพันธ์"]; _global.current=-1; _root.show_correct._visible = false; _root.show_false._visible = false; // Start Game function ShowQuestion(){ _global.num+=1; _global.current+=1; num.text = _global.num; question.text = _global.question[_global.current]; t1.text = _global.choice1[_global.current]; t2.text = _global.choice2[_global.current]; t3.text = _global.choice3[_global.current]; t4.text = _global.choice4[_global.current]; image.loadMovie("pic/img"+int(_global.num)+".png"); image._width=300; imgae._height=150; } //handle on Mouse Press for(i=0;i<4;i++){ eval("choice"+int(i+1)).onPress = function(){ number = int(this._name.substring(6,this._name.length)); trace(number); //check answer if(number==_global.answer[_global.current]){ // show_correct _root.show_correct._visible = true; //score up score = _global.score+=1; }else{ //show_false _root.show_false._visible = true; } } } _root.show_correct.back_btn.onPress=function(){ _root.show_correct._visible = false; } _root.show_false.back_btn.onPress=function(){ _root.show_false._visible = false; } _root.next_btn.onPress=function(){ ShowQuestion(); } ShowQuestion();
8) เนื่องจากโค๊ดในตัวอย่างมีการดึงไฟล์ภาพจากในโฟลดเดอร์ "pic" ขึ้นมาแสดง ดังนั้นจะต้องสร้างโฟลดเดอร์ "pic" และภาพที่อยู่ภายในที่ชื่อขึ้นต้นด้วย "img" ตามด้วยเลขข้อคำถาม และตามด้วยนามสกุล ".png"
9) ทดลองรันโดยกด Ctrl + Enter เพื่อดูผลลัพธ์
10) ดาวน์โหลดได้ที่นี่