bài 6 giới thiệu về action script– tạo symbol button – thêm âm thanh vào đoạn phim

NHẮC LẠI BÀI TRƯỚCCách làm việc với những kỹ thuật chuyển động nâng cao: Copy, dán và lưu chuyển động Áp dụng kỹ thuật Easing Behavior nâng cao Chuyển động mặt nạ Tạo chuyển động với IK

Trang 1

BÀI 6GiỚI THIỆU VỀ ACTION SCRIPT– TẠO SYMBOLBUTTON – THÊM ÂM THANH VÀO ĐOẠN PHIM

Trang 2

NHẮC LẠI BÀI TRƯỚC

Cách làm việc với những kỹ thuật chuyển động nâng cao:

Copy, dán và lưu chuyển động

Áp dụng kỹ thuật Easing Behavior nâng cao

Chuyển động mặt nạ

Tạo chuyển động với IK Poses

Tuần tự của chuyển động

Render và chuyển động trong 3D

Làm việc với các bảng liên quan:

Tùy biến preferences

Bảng Align, Properties

Cách làm việc với những kỹ thuật chuyển động nâng cao:

Copy, dán và lưu chuyển động

Áp dụng kỹ thuật Easing Behavior nâng cao

Chuyển động mặt nạ

Tạo chuyển động với IK Poses

Tuần tự của chuyển động

Render và chuyển động trong 3D

Làm việc với các bảng liên quan:

Tùy biến preferences

Bảng Align, Properties

Slide 6 - Giới thiệu về Action Script - Cách tạo symbol Button - Thêm âm thanh vào

Trang 3

NHẮC LẠI BÀI TRƯỚC

Làm việc với những file được nhập vào trong Flash:

Các định dạng có thể nhập vào trong Flash

Cách làm việc với từng định dạng

Trang 4

MỤC TIÊU BÀI HỌC

Khái niệm

Bảng Action

Chèn action script vào frame

Hàm số trong action script

Khởi tạo và làm việc với symbol Button:

Khởi tạo

Chèn action script cho symbol Button

Links

Làm việc với âm thanh trong Flash:

Khái niệm

Bảng Action

Chèn action script vào frame

Hàm số trong action script

Khởi tạo và làm việc với symbol Button:

Khởi tạo

Chèn action script cho symbol Button

Links

Làm việc với âm thanh trong Flash:

Trang 5

ACTION SCRIPT

Trang 6

ACTION SCRIPT

Là ngôn ngữ kịch bản được hỗ trợ trong Flash

Cho phép gửi các lệnh yêu cầu tới Flash Player và

tác động điều khiển đoạn phim

Sử dụng bảng Action Script để chèn mã (code) vào keyframe

Tham số: (Parameters) là thông tin bổ sung truyền vào hàm action script để thực thi hàm đó

Flash CS4 hỗ trợ 2 version:

Action script 2.0

Action script 3.0: hỗ trợ lập trình hướng đối tượng

(OOP)

Là ngôn ngữ kịch bản được hỗ trợ trong Flash

Cho phép gửi các lệnh yêu cầu tới Flash Player và

tác động điều khiển đoạn phim

Sử dụng bảng Action Script để chèn mã (code) vào keyframe

Tham số: (Parameters) là thông tin bổ sung truyền vào hàm action script để thực thi hàm đó

Trang 8

ACTION SCRIPT

Chọn phiên bản Action Script 3.0 trong menu Script

Trang 9

ACTION SCRIPT

Bảng Action: môi trường tạo mã kịch bản, công cụ

soạn thảo code và kiểm tra code

Window > Actions, hoặc nhấn F9 (Windows)

Cửa sổ soạn thảo code

Trang 10

ACTION SCRIPT

người mới sử dụng action script

Add a new item to

the script: thêm

Add a new item to

the script: thêm

một đoạn mã

Trang 11

ACTION SCRIPT

Lệnh stop( ) : dừng chuyển động tại một thời điểm trên Timeline, hoặc ngưng ko cho chuyển động lặp lại

Ví dụ minh họa: làm việc với file fl1001_work.fla

1 Tạo thêm layer actions mới bên trên cùng

2 Chọn frame 42 trên Timeline, nhấn F6

Lệnh stop( ) : dừng chuyển động tại một thời điểm trên Timeline, hoặc ngưng ko cho chuyển động lặp lại

Ví dụ minh họa: làm việc với file fl1001_work.fla

1 Tạo thêm layer actions mới bên trên cùng

2 Chọn frame 42 trên Timeline, nhấn F6

Trang 12

ACTION SCRIPT

3 Window > Actions hoặc F9, kích hoạt chế độ

Script Assist

4 Nhấn nút Add a new item to the script

5 Chọn phương thức flash.display > MovieClip>

4 Nhấn nút Add a new item to the script

5 Chọn phương thức flash.display > MovieClip>

Trang 13

ACTION SCRIPT

Trang 15

gotoAndPlay( ): nhảy tới 1 frame xác định, sau đó

tiếp tục chuyển động từ frame này

gotoAndPlay( ): nhảy tới 1 frame xác định, sau đó

tiếp tục chuyển động từ frame này

Ví dụ minh họa:

1 Chọn frame 42 của layer actions, loại bỏ lệnh stop() bằng cách nhấn 2 lần nút Delete the selected

action(s)

Trang 16

ACTION SCRIPT

2 Chọn flash.display > MovieClip > Methods >

gotoAndStop

3 Nhập this vào trường Object

4 Nhập 20 vào trường frame

Trang 17

ACTION SCRIPT

Các hàm trong action script:

Là phần tử hữu dụng trong các ngôn ngữ lập trình

Sử dụng để thực thi lệnh

Ví dụ minh họa

1 Chọn frame 1 của layer actions, tắt chế độ Script

Assist trong bảng Action

2 Viết thêm dòng lệnh sau:

Các hàm trong action script:

Là phần tử hữu dụng trong các ngôn ngữ lập trình

Sử dụng để thực thi lệnh

Ví dụ minh họa

1 Chọn frame 1 của layer actions, tắt chế độ Script

Assist trong bảng Action

2 Viết thêm dòng lệnh sau:

function playClips() {

bird_mc.play();

Trang 18

ACTION SCRIPT

3 Tại frame 42, chèn thêm hàm playClips();

Trang 19

LÀM VIỆC VỚI SYMBOL BUTTON

Trang 20

SYMBOL BUTTON

Button: là 1 trong 3 kiểu symbol trong flash

Được lưu, quản lý trong bảng Library

Sử dụng để đáp ứng những sự kiện chuột, bàn phím

từ người dùng

Symbol button bao gồm 4 frame hiển thị cho 4 trạng thái của nút bấm:

Up: hình thức mặc định khi chưa có bất kỳ tác động

nào của người dùng

Over: khi có sự kiện chuột di qua nút

Down: khi có sự kiện nhấn chuột

Hit: định nghĩa 1 vùng điểm, tại đó nút được kích

hoạt khi nhấn chuột

Button: là 1 trong 3 kiểu symbol trong flash

Được lưu, quản lý trong bảng Library

Sử dụng để đáp ứng những sự kiện chuột, bàn phím

từ người dùng

Symbol button bao gồm 4 frame hiển thị cho 4 trạng thái của nút bấm:

Up: hình thức mặc định khi chưa có bất kỳ tác động

nào của người dùng

Over: khi có sự kiện chuột di qua nút

Down: khi có sự kiện nhấn chuột

Hit: định nghĩa 1 vùng điểm, tại đó nút được kích

hoạt khi nhấn chuột

Trang 21

SYMBOL BUTTON

Ví dụ minh họa: làm việc với file fla1102.fla

Trang 23

SYMBOL BUTTON

2 Nhấn F6 để tạo thêm keyframe cho 4 trạng thái

3 Tại frame Down, đổi màu cho nút thành màu xám

4 Tạo thêm layer Text trên layer 1 để chèn chữ chonút

5 Nhấn F5 để mở rộng keyframe cho layer Text trên

cả 4 trạng thái

2 Nhấn F6 để tạo thêm keyframe cho 4 trạng thái

3 Tại frame Down, đổi màu cho nút thành màu xám

4 Tạo thêm layer Text trên layer 1 để chèn chữ chonút

5 Nhấn F5 để mở rộng keyframe cho layer Text trên

cả 4 trạng thái

Trang 25

SYMBOL BUTTON

Kiểm tra nút trên Stage

-Enable Simple Buttons: kiểm tra đặc tính hoạt động và hình thức xuất hiện

-Cách sử dụng lệnh:

- Control > Enable Simple Buttons

-Cuộn chuột và nhấn vào nút muốn kiểm tra

-Control > Enable Simple Buttons: để tắt lệnh

Trang 26

SYMBOL BUTTON

Tạo nhãn (label) cho action script

Ví dụ minh họa

Tạo thêm layer Label trên layer Button

F6 để chèn thêm keyframe tại frame 5 & 10

Trang 27

SYMBOL BUTTON

Chọn frame 1 của layer Labels, nhập home vào

trường Name của vùng Label trong bảng Properties

Chọn frame 1 của layer Labels, nhập home vào

trường Name của vùng Label trong bảng Properties

Trang 29

SYMBOL BUTTON

Viết mã action script cho nút

Mã as cho nút bao gồm:

Events (sự kiện)

Event listeners (trình nghe sự kiện)

Viết mã action script cho nút

Mã as cho nút bao gồm:

Events (sự kiện)

Event listeners (trình nghe sự kiện)

mybutton_btn.addEventListener(“click”, myEventHandler);

Trang 30

SYMBOL BUTTON

Liên kết nút tới frame xác định

Chọn frame 1 của layer actions, mở bảng Action

Nhập đoạn code sau:

Liên kết nút tới frame xác định

Chọn frame 1 của layer actions, mở bảng Action

Nhập đoạn code sau:

Trang 31

SYMBOL BUTTON

Thêm Event listeners cho nút: bởi hàm

addEventListener( )

Chọn nút Products trên Stage, thay đổi tên trong

vùng instance name thành produts_btn

Thêm Event listeners cho nút: bởi hàm

addEventListener( )

Chọn nút Products trên Stage, thay đổi tên trong

vùng instance name thành produts_btn

Trang 33

-Kiểm tra dấu ngoặc, tên lỗi

-Đảm bảo tên thực thể gán cho nút phải chính xác

-Kiểm tra đã đầy đủ dấu {, ; , () hay không

-Compiler Errors: bảng sẽ liệt kê số lỗi trong đoạn mã action script

-Cần chú ý:

-Thứ tự dòng lệnh xảy ra lỗi

-Kiểm tra dấu ngoặc, tên lỗi

-Đảm bảo tên thực thể gán cho nút phải chính xác

-Kiểm tra đã đầy đủ dấu {, ; , () hay không

Trang 34

SYMBOL BUTTON

Liên kết button tới website

Tại frame 1 của layer actions

Liên kết button tới website

Tại frame 1 của layer actions

function openWebPage(evt:Event):void {

navigateToURL(new URLRequest(“http://www.wiley.com/”));

}

learn_btn.addEventListener(“click”,openWebPage);

Trang 35

CHÈN ÂM THANH TRONG FLASH

Trang 36

ÂM THANH TRONG FLASH

Âm thanh số: là âm thanh được chuyển từ dạng tín hiệu sang chuỗi các bit và byte Được thực hiện bởi thiết bị A/D (analog-to-digital)

Độ sâu bit (Bit depth): xác

định tổng số thông tin mỗi

mẫu chứa đựng

Trang 37

Flash cho phép chỉnh sửa âm thanh cơ bản (cắt, sao chép, …)

Trang 38

file âm thanh vào Flash

Trang 39

Timeline

Chọn layer Sound, keyframe 1

Chọn Event từ menu Sync

Trang 40

Tùy chọn Sync và các kiểu âm thanh

-Menu Sync: để Flash biết cách xử lý âm thanh, điều khiển chồng âm thanh, dừng, phát, điều khiển âm thanh khớp với nội dung trên Timeline

-Event: âm thanh phải được tải hoàn toàn trước khi phát

-Stream: dùng cho đoạn hoạt hình dài

-Start: phát ra 1 âm thanh và đảm bảo không có một âm thanh kế thừa nào

được phát đồng thời

-Stop: dừng 1 âm thanh

-Menu Sync: để Flash biết cách xử lý âm thanh, điều khiển chồng âm thanh, dừng, phát, điều khiển âm thanh khớp với nội dung trên Timeline

-Event: âm thanh phải được tải hoàn toàn trước khi phát

-Stream: dùng cho đoạn hoạt hình dài

-Start: phát ra 1 âm thanh và đảm bảo không có một âm thanh kế thừa nào

được phát đồng thời

-Stop: dừng 1 âm thanh

Trang 41

Chỉnh sửa âm thanh với bảng Edit Envelope

- Nhấn nút Edit ở bảng Properties để hiển thị bảng

Trang 42

Trang 43

Tùy chọn xuất bản âm thanh

File > Publish Settings

Trang 44

Làm việc được với những mã actionscript sự kiện

của symbol Button

Nắm vững cách viết mã actionscirpt trong chế độ

Làm việc được với những mã actionscript sự kiện

của symbol Button

Định dạng
Số trang	44
Dung lượng	5,33 MB