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 Ứng dung tạo banner hồn thiện có tương tác lệnh CÁC LỆNH CƠ BẢN Bảng lệnh Actionscript: Viết code Action 3.0 : Chỉ viết lệnh keyframe: Chọn keyframe -> window -> action (F9) Hoặc button nhấn F9 -> vào code snippet để nhận hỗ trợ code CÁC LỆNH CƠ BẢN  Ghi chú:  Chỉ viết code đối tượng Instance Movie clip button, graphic gán lệnh  Các đối tượng muốn có tương tác điều khiển phải đặt tên bảng Properties  Chú thích cho dòng đặt dấu “//” trước câu lệnh Chú thích cho khối lệnh bao quanh dấu /* */  Biến cố xảy người dùng, dùng chuột bàn phím tương tác với đối tượng 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 nhấn : lần chuột trái nhấn : rê chuột vào vùng tương đối tượng : rút chuột khỏi vùng tương đối tượng CÁC LỆNH CƠ BẢN  Cấu trúc viết lệnh 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 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 ngừng lại  gotoAndPlay( _ ) : đưa đầu đọc nhảy đến frame thứ n chạy tiếp  Có thể thay n tên frame đặt bảng properties HƯỚNG DẪN THỰC HÀNH  Bài 01  Áp dụng ứng dụng lệnh học, tạo button điều khiển 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 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 -> 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 -> scene nhân 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 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 button thành 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í chạy tiếp HƯỚNG DẪN THỰC HÀNH  Bài 02  Áp dụng ứng dụng lệnh học, tạo button điều khiển movieclip  Chọn mẫu bai02.fla tạo button điều khiển thành phần đố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 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 kiểu diễn hoạt học, mask, guide để hoàn thành banner FPT POLYTECHNIC 22 ... HÀNH  Bài 01  Áp dụng ứng dụng lệnh học, tạo button điều khiển 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 layer cần thiết đưa vào... 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... khiển movieclip  Chọn mẫu bai02.fla tạo button điều khiển thành phần đố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 kiểu diễn hoạt học, mask, guide để hoàn thành banner