แนวทางในการทำ
1.สร้างสี่เหลี่ยมทั้งหมด 25 รูป
2.ตั้งชื่อให้กับสี่เหลี่ยมทั้ง 25 รูป เพื่อใช้อ้างอิงในโค๊ด
3.วางสี่เหลี่ยม 25 รูป ทับภาพที่เราใช้เป็นคำถาม โดยอยู่ในคนละเลเยอร์กัน
4.เขียนโค๊ดดังนี้
- ถ้าคลิ๊กที่สี่เหลี่ยมรูปไหน ให้สี่เหลี่ยมนั้นหายไป
Let ' Go
1.สร้างโปรเจค File > New ตั้งชื่อไฟล์ ขนาด 1024 x 768 pixels พื้นหลังสีดำ
2.สร้างสี่เหลี่ยม 1 รูป (ขนาด width: 150px ,height: 150px) แล้วพิมพ์ เลข 1 เลือกทั้งหมด คลิ๊กขวา แล้วเลือก Convert to Symbol ตั้งชื่อ "b1" (type:movie clip)
3.ทำเช่นเดียวกันกับสี่เหลี่ยมรูปแรกโดยตั้งชื่อเป็น b1-b25 เราก็จะได้สี่เหลี่ยมทั้งหมด 25 รูป
4.ตั้งชื่อที่ใช้อ้างอิงในโค๊ดไปที่ หน้าต่าง properties แล้วตั้งชื่อ Instance name เป็น b1-b25 กับสี่เหลี่ยมทั้งหมด 25 รูป
5.สร้าง Layer ใน timeline ขึ้นมาหนึ่งเลเยอร์ชื่อว่า picture แล้วไปที่ File > import > import to stage แล้วเลือกภาพที่จะนำมาทำเป็นปริศนา
6.ให้ Layer ของ picture อยู่ด้านหลังป้ายแล้วคลิ๊กขวาที่รูป แล้วเลือก Break Apart เพื่อแปลงภาพให้สามารถตัดขอบที่เกินได้
7.สร้าง Layer ใน timeline ขึ้นมาหนึ่งเลเยอร์ชื่อว่า script ใน หน้าต่าง Action ให้เพิ่มโค๊ดดังนี้
ตัวอย่างโค๊ด
for(i=0;i<25;i++){ eval("_root.b"+int(i+1)).onPress =function(){ this._visible=false; } }
7. ทดลองรันโดยกด Ctrl + Enter เพื่อดูผลลัพธ์ จะเห็นว่าเมื่อเราคลิ๊กที่ป้ายแต่ละอัน ก็จะหายไป ปรากฎให้เห็นภาพที่อยู่ด้านหลังทีละส่วน
8. ดาวน์โหลดได้ที่นี่