Sap xep so theo thu tu

4 11 0
Sap xep so theo thu tu

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

Thông tin tài liệu

 Kéo movie clip thongbao_dung, thongbao_sai vào stage  Dùng công cụ Free Transform để thay đổi kích cỡ phù hợp. num23.addEventListener(MouseEvent.MOUSE_DOWN, Drag); function Drag(event[r]

(1)

Sắp xếp số theo thứ tự Các bước thực hiện:

1 Tạo nguyên liệu cho library. Nút nhấn: Xem video

 Insert > New Symbol, đặt tên button, type button

 Dùng công cụ Primitive Rectangle, chọn màu tô để vẽ hình chữ nhật  Dùng cơng cụ Selection tool để làm bo trịn góc

 Trên frame Over, nhấn F6 để tạo keyframe  Đổi màu cho nút

Movie clip hình trịn

 Insert > New symbol, đặt tên hình trịn, type Movie Clip  Dùng cơng cụ Oval, chọn màu tơ, vẽ hình tròn

Movie clip số 13, 23, 28: Xem video

 Insert > New symbol, đặt tên So_13, type Movie Clip  Kép movie clip hinhtron vào stage

 Dùng công cụ type, chọn font chữ, size nhập số 13 vào hình trịn Movie clip hình vng

 Insert > New symbol, đặt tên hình vng, type Movie Clip

 Dùng cơng cụ Rectangle, chọn màu tơ, vẽ hình vng (nhấn thêm phím Shift) Movie clip thơng báo đúng: Xem video

 Insert > New symbol, đặt tên thongbao_dung, type Movie Clip  File > Import to stage, chọn ảnh dạng frame

 Trong panel Properties, đặt kích cỡ ảnh là: 400 x 300, X: -200, Y: -150 để ảnh nằm stage

 Dùng công cụ Type, chọn font chữ, cỡ chữ, nhập thông báo “Chúc mừng bạn, làm rồi”

Movie clip thông báo sai

 Insert > New symbol, đặt tên thongbao_sai, type Movie Clip  File > Import to stage, chọn ảnh dạng frame

 Trong panel Properties, đặt kích cỡ ảnh là: 400 x 300, X: -200, Y: -150 để ảnh nằm stage

 Dùng cơng cụ Type, chọn font chữ, cỡ chữ, nhập thông báo “Bạn làm sai rồi, cố gắng lần sau nhé.”

2 Tạo Movie Clip Bài 1: Xem video

(2)

Bước 2: Tạo Layer sau: Bước 3: Chèn ảnh

 Chọn layer background,

 Vào menu File > Import to stage, chọn ảnh đẹp chèn vào stage  Trong Panel Properties, chọn kích cỡ ảnh 600 x 400, X: -300, Y: -200 Bước 4: Chèn nội dung

 Chọn layer Noi dung

 Kéo movie clip: So_13, So_23, So_28 vào stage

 Đặt tên (Instance name) movie là: num13, num23, num28  Kéo hình vng lần vào stage

 Đặt tên movie hình vng là: o1, o2, o3 Bước 5: Chèn thông báo đúng, sai

 Chọn layer thongbao

 Kéo movie clip thongbao_dung, thongbao_sai vào stage  Dùng công cụ Free Transform để thay đổi kích cỡ phù hợp  Đặt tên là: mc_dung, mc_sai

 Xếp chồng thông báo lên Bước 6: Chèn tiêu đề

 Chọn layer text:

 Dùng công cụ Text, chọn font, chọn màu, chọn size, nhập “Sắp xếp thứ tự số sau:”, kí hiệu “<”

Bước 7: Chèn nút  Chọn layer button

 Kéo button lần vào stage

 Dùng công cụ text, nhập chữ “Kiểm tra”, “Làm lại” cho nút  Đặt tên Instance name cho nút là: kiemtra_bt, lamlai_bt 3 Viết code xử lý kéo thả: Xem video

- Chọn số 23

- Mở panel Action (nhấn F9)

- Chọn Code Snippets , chọn mục Actions, nhấp đôi chọn Drag and Drop num23.addEventListener(MouseEvent.MOUSE_DOWN, Drag); function Drag(event:MouseEvent):void

{

(3)

}

stage.addEventListener(MouseEvent.MOUSE_UP, Drop); function Drop(event:MouseEvent):void

{

num23.stopDrag(); }

 Tương tự làm cho số 13, 28

4 Code cho xử lý nút Kiểm tra, Làm lại - Mở panel Action, viết code sau: mc_dung.visible = false;

mc_sai.visible = false;

kiemtra_bt.addEventListener(MouseEvent.CLICK, kiemtra); function kiemtra(event:MouseEvent):void

{

if (num13.hitTestObject(o1) && num23.hitTestObject(o2) && num28.hitTestObject(o3)) {

mc_dung.visible = true; mc_sai.visible = false; }

else {

(4)

} }

// -lamlai_bt.addEventListener(MouseEvent.CLICK, lamlai); function lamlai(event:MouseEvent):void

{

mc_sai.visible = false; mc_dung.visible = false; }

5 Chạy thử

: ố 13, 23, 28: g: 1: ả:

Ngày đăng: 08/03/2021, 09:42

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

Tài liệu liên quan