MUL216 slide 5

ADOBE ANIMATE
BÀI 5: CÁC LỆNH CƠ BẢN


MỤC TIÊU
Bảng lệnh Action Sciprt.
Các lệnh tương tác cơ bản
Ứng dung tạo banner hoàn thiện có tương tác
các lệnh.

2


CÁC LỆNH CƠ BẢN
Bảng lệnh Actionscript:
Viết code trong Action 3.0 :
Chỉ được viết lệnh trên keyframe: Chọn keyframe
-> window -> action (F9).
Hoặc button nhấn F9 -> vào code snippet để
nhận sự hỗ trợ của code


CÁC LỆNH CƠ BẢN
 Ghi chú:
 Chỉ có thể viết code trên đối tượng là Instance của Movie clip
hoặc button, graphic không thể gán lệnh.
 Các đối tượng muốn có sự tương tác điều khiển phải đặt tên
trong bảng Properties.
 Chú thích cho một dòng đặt 2 dấu “//” trước câu lệnh. Chú
thích cho một khối lệnh bao quanh bởi dấu /* */
 Biến cố có thể xảy ra khi người dùng, dùng chuột hoặc bàn

phím tương tác với các đối tượng trong phim.


CÁC LỆNH CƠ BẢN
 Các biến cố thường dùng:

 click
 dblclick
 mouseover
 mouseout

: chuột trái được nhấn.
: 2 lần chuột trái được nhấn.
: rê chuột vào vùng tương của
đối tượng.
: rút chuột ra khỏi vùng tương
của đối tượng.


CÁC LỆNH CƠ BẢN
 Cấu trúc viết lệnh trên keyframe:
Thao tác:
Chọn keyframe muốn gán nhấn F9 -> mở bảng lệnh Action
This.Tênđối tượng.addEventListener(biến cố chuột, tên hàm)
this.stop_btn.addEventListener("click", fl_MouseClickHandler.bind(this))

function fl_MouseClickHandler()
{
this.city_mc.stop()
}

CÁC LỆNH CƠ BẢN
 Tên đối tượng: button, movieclip.
 MouseEvent: biến cố chuột.
 Tên hàm: tùy ý đặt tên (nên đặt dễ nhớ không ký tiếng việt).

 event: nhận thông tin gây ra từ biến cố chuột.


CÁC LỆNH CƠ BẢN
 Điều khiển đối tượng
this.play_btn.addEventListener("click", fl_MouseClickHandler_2.bind(this));

function fl_MouseClickHandler_2()
{
this.city_mc.play()

}


CÁC LỆNH CƠ BẢN
 Một số lệnh điều khiển đầu đọc:
 Stop()

: dừng đầu đọc.

 Play()

: chạy lại đầu đọc.

 gotoAndStop( _ ) : đưa đầu đọc nhảy đến frame thứ n và ngừng lại.

 gotoAndPlay( _ ) : đưa đầu đọc nhảy đến frame thứ n và chạy tiếp.
 Có thể thay thế n bằng tên frame đặt trong bảng properties.


HƯỚNG DẪN THỰC HÀNH
 Bài 01
 Áp dụng ứng dụng những lệnh đã học, tạo button điều khiển
các movieclip
 Chọn New File -> HTML5 Canvas, kích thước 800 x 600px
 Nhấn Ctrl + R chọn file Bai01.ai chọn các layer cần thiết đưa vào
Animate (chỉ lấy hình không lấy Text).


HƯỚNG DẪN THỰC HÀNH
 Chọn layer city -> F8 -> city_mc diễn hoạt từ phải sang
trái -> ra sence đặt tên city_mc


HƯỚNG DẪN THỰC HÀNH
 Chọn layer maybay -> F8 maybay_mc -> diễn hoạt theo
đường cong -> ra scene nhân bản ra 3 mc -> đặt tên
fly01_mc, fly02_mc, fly03_mc


HƯỚNG DẪN THỰC HÀNH
 Tạo movie clip -> hiệu ứng mây bay từ trái sang phải

HƯỚNG DẪN THỰC HÀNH
 Tạo layer button -> vẽ hình chữ nhật -> F8 -> button ->
đặt tên stop_btn
 Vào Button -> nhấn F6 (3 lần) tạo các trạng thái cho nút


HƯỚNG DẪN THỰC HÀNH
 Vào bảng library -> click phải -> duplicate nhân bản
button thành các nút play_btn, next_btn, prev_btn
 Đặt tên instance name tương ứng


HƯỚNG DẪN THỰC HÀNH
 Chọn stop_btn -> nhấn F9 mở bảng action -> code
snippets -> cho dừng city_mc

 Chọn play_btn -> nhấn F9 mở bảng action -> code
snippets -> cho chay city_mc


HƯỚNG DẪN THỰC HÀNH
 Chọn next_btn -> nhấn F9 mở bảng action -> code
snippets -> cho dừng city_mc ỏ vị trí frame 50

 Chọn prev_btn -> nhấn F9 mở bảng action -> code
snippets -> cho fly01_mc, fly02_mc, fly03_mc quay lại vị
trí 1 và chạy tiếp

HƯỚNG DẪN THỰC HÀNH
 Bài 02
 Áp dụng ứng dụng những lệnh đã học, tạo button điều khiển
các movieclip
 Chọn mẫu bai02.fla tạo ra các button điều khiển các thành phần
của đối tượng


ADOBE ANIMATE
BÀI 5: CÁC LỆNH CƠ BẢN


HƯỚNG DẪN THỰC HÀNH
 Dùng các kiểu diễn hoạt đã học, mask, guide để hoàn
thành banner
 Những ánh sáng chay ngang text ( Dùng photoshop tạo
ảnh gif )


HƯỚNG DẪN THỰC HÀNH
 Dùng các kiểu diễn hoạt đã học, mask, guide để hoàn
thành banner


FPT POLYTECHNIC

22