AloFlash ! Cộng đồng flash Việt Nam



You are here: Tutorials  AS 1.0 - 2.0 Tạo 1 bài trắc nghiệm đơn giản bằng flash

Tạo 1 bài trắc nghiệm đơn giản bằng flash

Email In PDF.
Xem kết quả: / 87
Bình thườngTuyệt vời 

Chào all :P. Hôm nay mình xin hướng dẫn các bạn làm 1 bài trắc nghiệm cơ bản nhất với flash nhé. Hy vọng nó sẽ giúp các bạn có những giây phút lý thú và bổ ích.

Công việc đầu tiên chúng ta là là thiết kế cho nó 1 hình nền theo đúng chủ đề của bạn, có thể dùng photoshop hay lấy trên mạng về. Mình thì mình chọn cái này:

OK. giờ chúng ta bắt tay vào làm nhỉ.

Bước 1:

Tạo 1 file flash mới Ctrl + N, chọn loại ActionScript 2.0 nhé. Sau đó bạn nhấn Ctrl + J để mở bảng Document Setting điều chỉnh các thông số cho file flash của bạn. Vì ảnh nền của mình có kích thước 450x320 nên mình thiết đặt luôn như vậy.

Bước 2:

Import bức ảnh nền mà bạn chọn vào flash bằng cách vào: File > Import >Import to Stage... Sau đó bạn mở bảng Align: Window > Align (Ctrl + K) thiết đặt theo hình dưới để căn hình vào giữa file flash.

Làm xong bước này bạn khóa layer này lại nhé.

Bước 3:

Tạo 1 layer mới, sừ dụng công cụ Text Tool (T) viết 1 đoạn text đây sẽ là câu hỏi muốn làm nổi bật các bạn có thể chọn cho nó 1 font chữ đẹp đẹp tùy theo ý mình.

Tiếp tục vẽ 1 đoạn text bên dưới câu hỏi, đây sẽ là từng câu trả lời trắc nghiệm như hình dưới mình viết là - Hồ Chí Minh

Sử dụng công cụ Selection Tool (V) click chọn vào chữ - Hồ Chí Minh vừa tạo giữ phím AltShift kéo xuống dưới để nhân nó ra là 4 đoạn chữ.

Giờ bạn nháy đúp vào từng Text để sửa theo câu trả lời bạn muốn. Mình sau khi sửa xong sẽ được như hình dưới:

Giờ bạn Click vào lần lượt frame thứ 2, 3, 4, 5 trên layer này nhấn F6 để chèn vào các keyframe, và ở layer nền ở frame thứ 5 nhấn F5 như hình dưới:

(Có bao nhiêu câu hỏi thì sẽ có bấy nhiêu nhiêu frame + với 1 frame kết quả, nếu bạn muốn làm nhiều câu hỏi hơn, trong bài này mình chỉ hướng dẫn làm 4 câu hỏi).

Trở lại click về frame đầu tiên. Sau đó bạn chọn công cụ Selection Tool (V) click chọn vào đoạn Text  - Hồ Chí Minh nhấn phím F8 để Convert nó sang dạng Button nhé.

OK, lại tiếp tục nhấn F9 để mở bảng ActionScrip và chèn vào đoạn code sau: 

on (release){
gotoAndPlay("02");
}

Nhấn F9 để thoát bảng ActionScript, làm tương tự với Text Chú Cuội chỉ khác là câu trả lời này là câu trả lời đúng nên bạn chèn đoạn code sau:

on (release){
gotoAndPlay("02");
score ++;
}

Lưu ý: Với những câu trả lời đúng thì bạn dùng đoạn code này nhé. (trong 1 câu hỏi chỉ có 1 câu trả lời đúng thì dùng đoạn code này: score ++ để khi click vào nó sẽ tự cộng 1 điểm cho người trả lời).

Làm tương tự với các đoạn text còn lại đoạn code cho những đoạn text này là: 

on (release){
gotoAndPlay("02");
}

Bước 4:

Click vào Frame thứ 2 Làm tương tự như trên, nghĩa là bạn sửa Text rồi Covert thành Button, viết code cho từng button.

Xong OK bạn lại Click vào frame 3 và frame 4 làm tương tự.

Bước 5:

Click vào frame 5 và bạn thêm một số đoạn text nữa viết tuơng tự như hình dưới, có thể tạo tùy theo ý tưởng của bạn, đây chính là frame kết thúc và công bố kết quả của người chơi như hình dưới:

Trong đó có mấy điểm lưu ý những text mình khoanh tròn màu đỏ:

bạn chọn tất cả lài loại: Dynamic Text

Và đặt tên cho phần Variable lần lượt từ trên xuống dưới là: scorepercentresultat (Text 100, 1000 tuyệt vời ! như trong hình trên)

Những tên này là những tên biến cho text để bạn có thể thay đổi nội dung trong đó.

OK vậy là ta đã xong bước thiết kế.

Bước 6:

Tạo 1 layer mới, lần lượt click cào frame 1 đến frame 5 và nhấn F6.

Sau đó click trở về frame 1, Khi click vào frame bạn nhìn qua bên tay phải sẽ thấy có một ô là name đây chính là tên của frame bạn đặt lần lượt cho 5 frame là từ 01 đến 05.

OK, giờ chúng ta tiến hành viết code cho từng frame.

Click vào frame 1 bạn nhấn F9 để mở bảng ActionScript và chèn vào đoạn code sau:

stop();
 
score=0;

Sau đó nhấn F9 để tắt bảng ActionScript, rồi click vào frame 2 nhấn F9 để mở bảng ActionScript và chèn vào đoạn code sau:

stop();

Tiếp tục với frame 3 và frame 4 bạn cũng chèn đoạn code là:

stop();

Ở frame thứ 5 bạn chèn vào đoạn code sau:

stop();
percent=score/4*100 + "%";
 
if (score == 0){
resultat = "- Bó tay?"
}
if (score == 1){
resultat = "- Tệ quá :("
}
if (score == 2){
resultat = "- Cố gắng lên"
}
if (score == 3){
resultat = "- OK"
}
if (score == 4){
resultat = "- Tuyệt vời :)"
}

Nếu bạn làm nhiều frame thì bạn thêm If vào hoặc để khoảng từ bao nhiêu điểm đến bao nhiêu điểm là nó sẽ chúc mừng như thế nào là tùy bạn nhé.

Như vậy là ta đã hoàn thành, bạn có thể nhấn Ctrl + Enter để xem kết quả nhé.

Đây là một bài tập khá đơn giản để làm trắc nghiệm, các bạn có thể tìm thêm tài liệu để làm cho nó sinh động hấp dẫn hơn. Vì bài tập này cũng hơi khó viết tut nên mình chỉ viết đơn giản như vậy cho mọi người dễ hình dung.

Các bạn có thể download file nguồn về để xem chi tiết.

Chúc các bạn thành công.

aloflash.com

Download

Bình luận (26)Add Comment
0
...
được viết bởi Huy1878, Tháng mười hai 22, 2010
cái này hay quá, anh viết nốt cho em coi đi, đang muốn làm thử
0
...
được viết bởi huy1878, Tháng mười hai 29, 2010
anh cố dành thời gian viết nốt tut này đi, em đang cần cái này smilies/cheesy.gif
0
...
được viết bởi bin, Tháng mười hai 30, 2010
Dung la nguoi Viet Nam. Lam thi lam cho xong di.
Dau dau diem diem lam gi?
Du sao cung cam on ban nha!!!
0
...
được viết bởi aloflash, Tháng mười hai 30, 2010
Các bạn thông cảm !
chỉ mỗi mình mình quản trị web và viết tut. Hàng ngày vẫn phải đi làm để kiếm sống, đợt này cũng gần tết công việc khá nhiều và bận rộn, mà để viết 1 bài tut cũng mất khá nhiều thời gian, do còn nghĩ ý tưởng chỉnh sửa nội dung sao cho nó cô đọng và dễ hiểu, để ai cũng dễ học và thực hành chứ mình cũng không muốn nó dở dang như vậy.

Rất mong nhận được sự ủng hộ của các bạn.

Cảm ơn.smilies/cry.gif
0
...
được viết bởi huy1878, Tháng mười hai 31, 2010
thank anh đã viết tut smilies/cheesy.gif
0
...
được viết bởi bin, Tháng một 04, 2011
Troi! chi mot minh anh quan tri sao?
The thi anh vat va roi!
Mong rang moi nguoi co gang de dien dan cang lon manh nha!!!
Thank anh!!!
0
...
được viết bởi huy ánh, Tháng một 17, 2011
admin sao mình thêm lệnh trở về frame 1 để chơi lại từ đầu lại không được nhỉ ? Admin chỉ nốt đi smilies/grin.gif
0
...
được viết bởi Thai_tin, Tháng tư 20, 2011
chuong trinh tren don gian qua, chua co gi dang noi ca
0
...
được viết bởi NH, Tháng chín 02, 2011
Cam on anh admin. Chuc anh kiem that nhieu tien.
0
...
được viết bởi ka, Tháng mười một 15, 2011
Sao tôi tải về dùng Macromedia flash 8 thì lại không mở được vây?
0
...
được viết bởi flash-vui, Tháng một 02, 2012
Ban phai dung phien ban flash cao hon, nen dung CS3 tro len di. Macromedia 8 lac hau lau roi smilies/grin.gif
0
...
được viết bởi Vấn, Tháng tư 24, 2012
Mình muốn làm 1 cái button và 1 ô text, khi click vào button thì ô text sẽ cộng thêm 10, cứ mỗi lần cộng thì thêm 10, click bao 10 lần thì sẽ là 100. Ai biết chỉ giúp với, Thanks
0
...
được viết bởi google, Tháng tư 24, 2012
Mình muốn làm 1 cái button và 1 ô text, khi click vào button thì ô text sẽ cộng thêm 10, cứ mỗi lần cộng thì thêm 10, click bao 10 lần thì sẽ là 100. Ai biết chỉ giúp với, Thanks

Bạn đặt tên ô Text là: txtNumber đặt tên button là btClick sau đó bạn chèn vào Frame 1 đoạn code như sau:
var i = 10;
var txtNumber = 10;
btClick.onPress = function () {txtNumber = i + 10;}
0
...
được viết bởi Tam Lan, Tháng tám 26, 2012
Cảm ơn add nhiều nhiều lắm smilies/cheesy.gif. Website nay thực sự đã có ý nghĩa rất lơn với e, có lẽ e sẽ k bao giờ thể quên được... smilies/cheesy.gif...Cảm ơn add nhiều lắm ạ, hãy thường xuyên đăng bài add nhé...smilies/wink.gif
0
...
được viết bởi Zẻo, Tháng mười 08, 2012
Anh ơi!tạo nhiều câu(50câu) thì em bị lỗi cứ trả lời câu 3 là bay về câu 2 !
Cái kết đoạn thì em không biết viết (vì 50 câu ) , anh có thể gửi cho em đoạn code ko , pm : Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó.
0
...
được viết bởi Zẻo, Tháng mười 08, 2012
Anh ơi ! Cái phần tổng kết viết sao vậy anh , ở trên kia , anh viết có 4 câu thì ghi có 4 code , em viết 50 câu thì, em mới viếc xong 50 trắc nghiệm nhưng khi em trả lời đúng hay sai thì nó vẫn ghi chữ : tuyệt vời !!!
0
...
được viết bởi ai chi giup, Tháng mười hai 28, 2012
ban oi ! nếu mình muốn có các cấp độ khó khác nhau, chẳng hạn trả lời đúng 5 câu liên tiếp thì mức độ khó sẽ tăng dần lên và điểm cộng vào sẽ được nhiều hơn so với độ khó trước thì làm thế nào ?? ai biết chỉ mình với!! tks tks!!
0
...
được viết bởi duykhanh, Tháng một 06, 2013
anh oi em hỏi giờ muốn các câu hỏi nó sáo chộn nhau không đúng trình tự khi ta vừa trả lời hết các câu hỏi(muốn trắc nghiệm lại thì câu hỏi không đúng theo trình tự)
0
...
được viết bởi nguoibang, Tháng một 14, 2013
cảm ơn nghe
0
...
được viết bởi huy, Tháng một 18, 2013
"admin sao mình thêm lệnh trở về frame 1 để chơi lại từ đầu lại không được nhỉ ? Admin chỉ nốt đi"
bạn chèn một button vào frame cuối -> bấm f9 viết code sau:
on(release){
gotoAndPlay(1);
}
mình hóng hớt chút thôi- xin lỗi Admin nhé nếu có sai đính chính giùm, mĩnh cũng gà lắm-cái này có trong các tut cảu Admin đósmilies/smiley.gif
0
...
được viết bởi Gold Drake, Tháng bảy 17, 2013
Các bạn tham khảo cái này xem sao nhé:
http://play2learn.comoj.com/index.php/vtutorials/grammar-grammar/nang-cao/thiet-ke-theo-dang-module/89-gap-filling-exercise.html
0
...
được viết bởi Nhock Shock, Tháng ba 08, 2014
anh ơi, a có thể dạy em được ko? đến nhà học luôn.01.668.275.543

Viết bình luận
nhỏ hơn | lớn hơn

busy