Tin hoc

THIẾT KẾ TRÒ CHƠI Ô CHỮ

Bước 1: Trước tiên ta mở một file Flash mới tạo 3 layer:
layer 1 (chứa đối tượng nền)
layer 2 ( chứa đối tượng che)
layer 3 (action, viết mã lệnh).



 
Bước 2: Ta tạo các đối tượng cần thiết cho trò chơi, dĩ nhiên là sẽ bắt đầu từ nền (móng) của nó là các ô chữ
a) Bạn hãy tạo một đối tượng graphic mang tên oChu, hình dạng tùy chọn, tôi sẽ chọn hình vuông bo tròn 4 góc.



b) Sau đó nhấn phim V và bấm Ctr + chuột máy tính kéo ô chữ tạo thêm ra các ô chữ.Sắp xếp các ô chữ theo đúng số lượng mà bạn dự tính, đúng về số chữ trong 1 câu hỏi theo hàng ngang, cũng như ý đồ sắp xếp theo hàng dọc.
c) Đồng thời cũng đừng quên điền cả đáp án (màu khác)
d) Tạo ô tròn + đánh số thứ tự câu. f) Tạo một khung để hiển thị câu hỏi ở cuối trang thiết kế, đơn giản thôi, chẳng hạn như một hình chữ nhật dài được bo nhẹ ở 4 góc chẳng hạn.




@ Layer 1 này ta tạo 2 Frame
Bước 4:
a) Bấm F6 - Frame 2 - Layer 2
Ta sẽ tạo một biểu tượng nút (sử dụng nút vì có tương tác với đối tượng) mang tên (?).



b) đó nhấn phim V và bấm Ctr + chuột máy tính kéo ô nút tạo thêm ra các ô nút.
c) Kéo nó ra để che đi các phần đáp án mà ta đã chuẩn bị khi nãy. Trước khi che đáp án nên Group đáp án và các ô chữ thành 1 nhóm để tiện việc chỉnh sửa.




Bước 5: Tạo ra các câu hỏi cho những ô chữ mà ta đã thiết kế.

a) Quay lại với những số thứ tự câu hỏi mà ta đã tạo ra khi nãy,
Ta chọn số 1, click chuột phải rồi chọn Convert to symbols >>> Button, đặt tên symbol 1 luôn cho tiện.

b) Sau đó, bạn click đúp vào nó để chỉnh sửa trực tiếp tại chỗ, ta sẽ thấy các chế độ Over, Down và Hit vẫn còn trống, ta nhấn F6 để tạo các Keyframe như nhau cho cả 4 trạng thái.

c) Quay trở lại Over, bây giờ, bạn sử dụng công cụ Text (T) để tạo câu hỏi rồi chỉnh vị trí của nó sao cho nằm ngay ngắn ngay khung hiển thị câu hỏi ở cuối trang thiết kế
d). Bạn tiếp tục làm tương tự cho các câu hỏi còn lại.
f) Tạo nút hướng dẫn ( tương tự như trên - khung chữ đặt bên phải)



Sau khi hoàn thành các câu hỏi tức là ta đã hoàn thành phần nền cho trò chơi ô chữ rồi.
Bước 6: Tiếp theo là tạo tương tác với trò chơi thông qua tương tác bằng mã lệnh lên các đối tượng mà ta đã tạo. Hướng đi của ta khá rõ ràng: khi nhấn vào nút (?) thì nó sẽ mất đi hoặc trở nên trong suốt, vô hình ; khi để lên nút 1-8 thì sẽ thấy câu hỏi (ta đã làm khi tạo nút) và cuối cùng là khi nhấn nút thì nó cũng sẽ biến mất đồng thời toàn bộ đáp án hiện ra (tức là toàn bộ các nút (?) của câu đó sẽ biến mất theo).

Đặt tên nút: bạn nên đặt tên đơn giản, ngắn gọn dễ hiểu cho bản thân thì sẽ tiện cho việc bạn chỉnh sửa sau này.
Ví dụ:
+ Đặt tên s1- s8 cho 8 câu hỏi 1-8,
+ Đặt tên các ô chữ các ô là: o11, o12, o13…( câu 1 có 3 ô)



Ta sẽ sử dụng hàm ._visible để làm trong suốt các nút sau khi nhấn. Cấu trúc ta sử dụng có dạng như sau: Tên Nút.onRelease = function (){ Tên Nút._visible = 0 ; viết tất cả các nút cần biến mất };

Tên Nút.onRelease=function() { Tên Nút._visible = 0;}; chỉ 1 nút biến mất
Bước 7:
Bấm F6 - Frame 2 - Layer 3
Dán code tổng hợp vào action s1.onRelease = function (){
s1._visible = 0;
o11._visible = 0;
o12._visible = 0;
o13._visible = 0;};
o11.onRelease = function (){
o11._visible = 0;};
o12.onRelease = function (){
o12._visible = 0;};
o13.onRelease = function (){
o13._visible = 0;};

s2.onRelease = function (){
s2._visible = 0;
o21._visible = 0