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: ả: