[x] ปิดหน้าต่างนี้
Powered by CAISTUDIO.INFO >>คลังสื่อ CAI
<< หน้าหลัก / Home >>

  << บทความ /cai >>

Flash 8 (As 2.0)
สร้างแบบทดสอบถูก-ผิด ตอนที่ 1

จันทร์ ที่ 16 เดือน พฤศจิกายน พ.ศ.2552



สร้างแบบทดสอบถูก-ผิด  ตอนที่ 1
ตามที่สมาชิกขอมา สร้างไม่ยากครับ
ข้อตกลง : เพื่อความกระชับในการเขียนบทความให้เข้าใจง่าย และรวดเร็ว
ผมขอใช้คำย่อดังนี้ครับ
  
    mc  หมายถึง  MovieClip
      as   หมายถึง  ActionScript
      cai  หมายถึง  บทเรียนคอมพิวเตอร์ช่วยสอน

ตัวอย่าง

 

มาเริ่มกันเลยครับ
1. เปิดโปรแกรม Flash 8 ขึ้นมาใหม่ๆ ทำการสร้าง Layer จำนวน 4 Layer แล้วตั้งชื่อตามนี้
action, ans, button, text ตามภาพ

 
 
2. ที่ Layer : text  เฟรมที่ 1 ให้พิมพ์เนื้อหาลงไป สร้างกรอบแต่งสีตามต้องการ แล้วสร้าง Dynamic Text  ขึ้นมาเพื่อ
แสดงคะแนนโดยให้ตั้งชื่อว่า text_ans  ต่อไปก็สร้างปุ่ม "ตรวจคำตอบ" ตั้งชื่อว่า ans_btn  และสร้างปุ่ม "ทำใหม่" ตั้งชื่อว่า
new_btn

 
 
3.สร้างปุ่ม ถูก-ผิด แต่ก่อนจะสร้างให้ทำการล็อค Layer : text ก่อนนะครับกันพลาด แล้วที่ Layer : button เฟรมที่ 1
วาดรูปเครื่องหมายถูก - ผิด ตามภาพก่อนนะครับ

 
 
ทำการเลือกเครื่องหมาย ถูก ตามภาพข้างบน แล้ว Convert เป็นปุ่ม (โดยการกด F8 เลือกเป็นแบบ Button)
ต่อไปก็ทำการเลือกเครื่องหมาย ผิด แล้ว Convert เป็นปุ่มเช่นกัน สรุปว่าเราจะได้ปุ่ม 2 ปุ่ม คือปุ่มเครื่องหมายถูก กับ ผิด
.
4. ทำการเลือกปุ่มเครื่องหมายถูก กับ ผิด (ทั้ง 2 ปุ่ม เลยนะครับ) แล้ว Convert เป็น mc    ต่อไปก็ดับเบิลคลิกเข้าไป
ใน mc ตัวนี้เพื่อไปใส่ as

 
 
 ใส่ as ให้กับปุ่มเครื่องหมายถูกดังนี้

on (release) {
 gotoAndStop(2);
}

และใส่ as ให้กับปุ่มเครื่องหมายผิดดังนี้

on (release) {
 gotoAndStop(3);
}

ต่อไปให้คลิกที่เฟรมที่ 2 กดปุ่ม F6  และคลิกที่เฟรมที่ 3 กดปุ่ม F6 (เป็นการคัดลอกเฟรมให้เป็น 3 เฟรม ดังภาพ)
แล้วทำการใส่ as ที่เฟรมที่ 1 ดังนี้

stop();

 
คลิกที่เฟรมที่ 2 ทำการเลือกปุ่มเครื่องหมายถูก ในส่วนของ Properties ตรง Color ให้เลือก Adanced
และคลิกปุ่ม Settings จะปรากฏหน้าต่าง Advanced Effect ให้ปรับค่าตามภาพ กดปุ่ม ok


 
คลิกที่เฟรมที่ 3 ทำการเลือกปุ่มเครื่องหมายผิด ในส่วนของ Properties ตรง Color ให้เลือก Adanced
และคลิกปุ่ม Settings จะปรากฏหน้าต่าง Advanced Effect ให้ปรับค่าตามภาพ กดปุ่ม ok

 
แล้วกลับมายัง Timeline หลัก
.
5. ทำการคัดลอก mc ของเครื่องหมายถูก - ผิด ดังกล่าวข้างต้นมาวางหน้าข้อสอบทุกข้อ แล้วทำการตั้งชื่อให้กับ
mc เหล่านั่น ดังนี้  t1,t2,t3,t4,t5 ตามลำดับ

 
 
 6. ทำส่วนของเฉลยคำตอบ เริ่มโดยการล็อค Layer : button ก่อนนะครับ แล้วที่ Layer : ans เฟรมที่ 1 ให้สร้าง
Dynamic Text หลังข้อสอบแต่ละข้อแล้วตั้งชื่อดังนี้ ans1,ans2,ans3,ans4,ans5  ตามลำดับ

 
 
7. ทำการยืด Leyer : text,button.ans  โดยการคลิกที่เฟรมที่ 2 ของแต่ละ Layer แล้วกดปุ่ม F5 จะได้ตามภาพ

 
 
ครับก็ไปต่อในเรื่องของการใส่ as ในตอนที่ 2 นะครับ
 



เข้าชม : 53723


Flash 8 (As 2.0) 5 อันดับล่าสุด

      แสดงผลเป็นเลขไทย 5 / ส.ค. / 2555
      สร้าง Scrollbar ใช้เอง 24 / มิ.ย. / 2553
      FLVPlayback เล่น vdo แบบต่อเนื่อง 17 / มิ.ย. / 2553
      การใช้ for ช่วยให้การเขียน as สั้นลง 4 / พ.ค. / 2553
      as โหลดไฟล์ mp3 4 / เม.ย. / 2553


Powered by : PHP | Mysql | MAXSITE 1.10 | Design by : JP_Graphic [E-mail : webmaster@caistudio.info]