Tao tro choi o chu Flash

7 452 3
Tao tro choi o chu Flash

Đang tải... (xem toàn văn)

Thông tin tài liệu

Trước tiên ta mở một file Flash mới có tên là troChoiOChu.fla gồm 2 layer: layer nen (nằm trên, chứa mọi đối tượng) và layer action (nằm dưới, viết mã lệnh, có thể lock lại). >> Tiếp theo ta sẽ 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ữ. 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. 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. Đồng thời cũng đừng quên điền cả đáp án và đánh số thứ tự câu vào luôn nhé. 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. Ý đồ của ta là sẽ che đi đáp án của từng ô chữ, do đó 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 (?). Sau khi đã tạo được nút (?), ta 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. Kế tiếp, ta sẽ tạo ra các câu hỏi cho những ô chữ mà ta đã thiết kế. Quay lại với những số thứ tự câu hỏi mà ta đã tạo ra khi nãy, giờ 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. Sau đó, bạn double-click 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. 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ế mà khi nãy ta đã tạo. Bạn tiếp tục làm tương tự cho các câu hỏi còn lạ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. >>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). Trước khi viết mã lệnh ta nói qua về cách đặt tên, 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ụ như đối với bài này, tôi sẽ đặt tên s1- s8 cho 8 câu hỏi 1-8, còn đối với các ô chữ thì cứ đặt stt câu hỏi + stt ô chữ trong câu, ví dụ như câu 1 sẽ có các ô là o11, o12, o13… 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 } Đoạn tổng hợp như sau: // khi nhấn vào câu 1 thì câu 1 , 3 ô chữ của câu 1 biến mất s1.onRelease=function() { s1._visible = 0; o11._visible = 0; o12._visible = 0; o13._visible = 0; } s2.onRelease=function() { s2._visible = 0; o21._visible = 0; o22._visible = 0; } s3.onRelease=function() { s3._visible = 0; o31._visible = 0; o32._visible = 0; o33._visible = 0; o34._visible = 0; o35._visible = 0; } s4.onRelease=function() { s4._visible = 0; o41._visible = 0; o42._visible = 0; o43._visible = 0; } s5.onRelease=function() { s5._visible = 0; o51._visible = 0; o52._visible = 0; o53._visible = 0; o54._visible = 0; o55._visible = 0; } s6.onRelease=function() { s6._visible = 0; o61._visible = 0; o62._visible = 0; o63._visible = 0; o64._visible = 0; o65._visible = 0; } s7.onRelease=function() { s7._visible = 0; o71._visible = 0; o72._visible = 0; o73._visible = 0; } s8.onRelease=function() { s8._visible = 0; o81._visible = 0; o82._visible = 0; o83._visible = 0; o84._visible = 0; } //khi nhấn vào ô 1 thì ô 1 biến mất o11.onRelease=function() { o11._visible = 0; } o12.onRelease=function() { o12._visible = 0; } o13.onRelease=function() { o13._visible = 0; } o21.onRelease=function() { o21._visible = 0; } o22.onRelease=function() { o22._visible = 0; } o31.onRelease=function() { o31._visible = 0; } o32.onRelease=function() { o32._visible = 0; } o33.onRelease=function() { o33._visible = 0; } o34.onRelease=function() { o34._visible = 0; } o35.onRelease=function() { o35._visible = 0; } o41.onRelease=function() { o41._visible = 0; } o42.onRelease=function() { o42._visible = 0; } o43.onRelease=function() { o43._visible = 0; } o51.onRelease=function() { o51._visible = 0; } o52.onRelease=function() { o52._visible = 0; } o53.onRelease=function() { o53._visible = 0; } o54.onRelease=function() { o54._visible = 0; } o55.onRelease=function() { o55._visible = 0; } o61.onRelease=function() { o61._visible = 0; } o62.onRelease=function() { o62._visible = 0; } o63.onRelease=function() { o63._visible = 0; } o64.onRelease=function() { o64._visible = 0; } o65.onRelease=function() { o65._visible = 0; } o71.onRelease=function() { o71._visible = 0; } o72.onRelease=function() { o72._visible = 0; } o73.onRelease=function() { o73._visible = 0; } o81.onRelease=function() { o81._visible = 0; } o82.onRelease=function() { o82._visible = 0; } o83.onRelease=function() { o83._visible = 0; } o84.onRelease=function() { o84._visible = 0; } Cuối cùng để tạo nút chơi lại, bạn chỉ cần tạo 1 nút play ở frame 1, viết lệnh stop(); tại frame 1. Sau đó qua frame 2 viết lệnh gotoAndStop (1); là được. >> Ngoài ra bạn cũng có thể sử dụng khối lập phương xoay để thay thế cho các ô chữ.Ta sẽ tạo một khối lập phương xoay có 5 mặt là bỏ trống hoặc dấu (?), mặt còn lại dĩ nhiên là chữ trong ô chữ của chúng ta. Thử xem chúng ta có thể tạo thêm sự đa dạng và hứng thú cho trò chơi không nhé. Chúc các bạn vui vẻ và thành công trong công việc. . { o2 1._visible = 0; } o2 2.onRelease=function() { o2 2._visible = 0; } o3 1.onRelease=function() { o3 1._visible = 0; } o3 2.onRelease=function() { o3 2._visible = 0; } o3 3.onRelease=function() { o3 3._visible. 0; } o3 4.onRelease=function() { o3 4._visible = 0; } o3 5.onRelease=function() { o3 5._visible = 0; } o4 1.onRelease=function() { o4 1._visible = 0; } o4 2.onRelease=function() { o4 2._visible = 0; } o4 3.onRelease=function(). 0; } o4 3.onRelease=function() { o4 3._visible = 0; } o5 1.onRelease=function() { o5 1._visible = 0; } o5 2.onRelease=function() { o5 2._visible = 0; } o5 3.onRelease=function() { o5 3._visible = 0; } o5 4.onRelease=function()

Ngày đăng: 09/07/2014, 18:00

Từ khóa liên quan

Tài liệu cùng người dùng

Tài liệu liên quan