Tự học Flash-Chương 11: Cách tạo ra các đoạn phim tương tác

GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG 11 CÁCH TẠO RA CÁC ĐOẠN PHIM TƯƠNG TÁC TỔNG QUAN VỀ CÁCH TẠO RA CÁC ĐOẠN PHIM TƯƠNG TÁC Trong hoạt cảnh chuyển động đơn giản, Flash sẽ diễn hoạt các Scene và frame một cách tuần tự. Trong một đoạn Interactive Movie (đoạn phim tương tác), người xem có thể dùng bàn phím, chuột hoặc cả hai thiết bò để nhảy đến từng phần của đoạn phim, di chuyển các đối tượng, nhập vào các thông tin trong các dạng thức (form) và thực hiện nhiều thao tác tương tác khác. Bạn tạo ra các đoạn Interactive Movie bằng cách thiết lập các action (hành động). Các mục chỉ dẫn được viết bằng ngôn ngữ ActionScript sau đó sẽ chạy các action này khi có một sự kiện đặc biệt xảy ra. Các sự kiện này có thể kích hoạt một action như là đầu Playhead chạy đến một frame hoặc người dùng nhấp chuột vào một nút hoặc nhấn các phím trên bàn phím. Bạn thiết lập các action trong bảng Actions cho một nút (Button), một đoạn Movie Clip hoặc một frame. Dùng bảng Actions điều khiển ở chế độ Normal Mode, bạn có thể chèn các action mà không cần phải viết bất kỳ các câu lệnh ActionScript nào. Nếu bạn biết về các ActionScript, bạn có thể viết các script (tập lệnh) riêng cho bạn. Các mục hướng dẫn có thể ở trong dạng thức của một action đơn lẻ như việc chỉ dẫn một đoạn phim ngừng phát hay một loạt các action trong đó, trước hết phải xác đònh một điều kiện sau đó thực thi một action. Nhiều action đòi hỏi phải có một chút kinh nghiệm về lập trình mới có thể thiết lập được. Các action khác yêu cầu bạn phải quen thuộc với một vài ngôn ngữ lập trình và dự đònh phát triển action đó cao hơn. Để biết thêm các thông tin về việc tạo ra các action cấp cao, bạn có thể tham khảo phần ActionScript Help. ĐÔI NÉT VỀ ACTIONSCRIPT Flash dùng ngôn ngữ ActionScript để thêm sự tương tác vào một đoạn phim. Giống như ngôn ngữ lập trình JavaScript, ngôn ngữ ActionScript là một ngôn ngữ lập trình hướng đối tượng (Object-Oriented Programming Language). Trong script hướng đối tượng, bạn tổ chức các thông tin bằng cách sắp xếp nó vào trong nhiều nhóm gọi là các Class (lớp). Bạn có thể tạo ra nhiều Instance trong một Class gọi là các đối tượng, để sử dụng các script của bạn. Bạn có thể sử dụng các Class được thiết lập sẵn trong ActionScript và tạo ra các Class riêng cho bạn. Khi bạn tạo ra một Class, bạn phải xác đònh tất cả các thuộc tính Properties (đặc điểm) và các phương thức (Method), hành vi (Behavior) cho mỗi đối tượng Class đó tạo ra đúng như các đối tượng trong thế giới thực được đònh nghóa. Ví dụ : Một người có các thuộc tính Propertie như giống, chiều cao, màu tóc và các phương thức như nói, đi và ném. Trong ví dụ này, "người" là một Class và mỗi người riêng lẽ là một đối tượng hoặc một Instance của Class đó. Các đối tượng trong ngôn ngữ ActionScript có thể chứa dữ liệu hoặc chúng có thể là các biểu tượng đồ họa trong vùng Stage như các đoạn Movie Clip. Để biết thêm thông tin về các thuật ngữ và cách dùng này, bạn có thể xem mục ActionScript Help. TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 240 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG 11 CÁCH DÙNG BẢNG ACTIONS Bảng Actions cho phép bạn tạo và hiệu chỉnh các action cho một đối tượng hay một frame dùng hai chế độ hiệu chỉnh khác nhau. Bạn có thể chọn các action được viết lại trong danh sách Toolbox, kéo và thả các action và dùng các nút để xoá hay sắp xếp lại các action này. Trong chế độ Normal Mode, bạn có thể viết các action, sử dụng các vùng tham số Parameter hay đối số (Argument) mà bạn cho các đối số đúng. Trong chế độ Expert Mode, bạn có thể viết và hiệu chỉnh các action trực tiếp trong hộp ký tự giống như mã viết tay với trình biên tập văn bản (Text Editor). Để biết thêm thông tin về việc chọn các tùy chọn trong bảng Actions và cách chuyển đổi giữa các chế độ hiệu chỉnh, bạn có thể xem mục các chủ đề tương ứng trong phần ActionScript Help.  Hiển thò bảng Actions:  Chọn trên trình đơn Window > Actions.  Chọn một Instance là frame, nút hoặc một đoạn Movie Clip để kích hoạt bảng Actions này. Tiêu đề bảng Actions chuyển đổi thành Object Actions cho đối tượng được chọn là một nút hoặc Movie Clip và Frame Actions nếu đối tượng chọn là frame.  Chọn chế độ hiệu chỉnh cho một action: TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 241 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG 11 1. Khi bảng Actions hiển thò, bạn hãy nhấp chuột vào mũi tên tại góc phải phía trên trong bảng để hiển thò các lệnh có trong trình đơn dọc. 2. Chọn lệnh Normal Mode hoặc Expert Mode có trong trình đơn. Mỗi script có một chế độ riêng. Chẳng hạn như, nếu bạn viết script cho một Instance là nút trong Normal Mode và các Instance khác là Expert Mode, việc thay đổi các nút được chọn sẽ làm thay đổi chế độ hiệu chỉnh trong bảng này. DÙNG BẢNG ACTIONS TRONG CHẾ ĐỘ NORMAL MODE Trong chế độ Normal Mode, bạn tạo ra các action bằng cách chọn các action trong danh sách bên trái của bảng, gọi là danh sách Toolbox. Danh sách Toolbox gồm có các thư mục Basic Actions, Actions, Operators, Functions, Properties và Objects. Mục Basic Actions chứa các action đơn giản nhất trong Flash và có sẵn trong chế độ Normal Mode. Các action chọn được liệt kê bên phải của bảng trong danh sách Actions. Bạn có thể thêm, xoá hoặc thay đổi trật tự của các câu lệnh action này. Ngoài ra bạn cũng có thể nhập vào tham số (đối số) cho các action trong bảng Parameters tại vùng bên dưới bảng. Trong chế độ Normal Mode, bạn dùng các điều khiển trong bảng Actions để xoá hoặc thay trật tự và các tham số của câu lệnh. Những điều khiển này đặc biệt có ích cho việc quản lý các action của frame và các nút có nhiều câu lệnh.  Chọn một action : 1. Nhấp chuột vào một mục Actions trong danh sách Toolbox để hiển thò các action trong thư mục đó. TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 242 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG 11 2. Nhấp đúp chuột vào một action hoặc kéo nó vào trong danh sách Actions bên phải.  Cách dùng bảng tham số Parameters: 1. Nhấp chuột vào biểu tượng hình tam giác tại góc dưới bên phải của bảng Actions để hiển thò bảng Parameters. 2. Chọn một action và nhập vào những giá trò mới trong hộp văn bản tham số để thay đổi các tham số của action đang tồn tại. TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 243 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG 11  Chèn vào một đoạn Movie Clip: 1. Nhấp chuột vào nút Target Path tại góc phải phía dưới của bảng Actions để hiển thò hộp thoại Insert Target Path. 2. Chọn một đoạn Movie Clip có trong danh sách hiển thò. Chọn một đoạn Movie Clip có trong danh sách hiển thò  Di chuyển một câu lệnh lên hoặc xuống trong danh sách: 1. Chọn một câu lệnh có trong danh sách Actions. 2. Nhấp chuột vào các nút Up hay Down Arrow trong bảng Actions.  Xoá một action: 1. Chọn một câu lệnh có trong danh sách Actions. 2. Nhấp chuột vào nút Delete (-). TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 244 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG 11  Thay đổi kích thước Toolbox hoặc danh sách Actions, bạn có thể thực hiện một trong những thao tác sau:  Kéo thanh ngăn cách đứng xuất hiện giữa Toolbox và danh sách Actions.  Nhấp đúp chuột vào thanh ngăn cách để thu hẹp danh sách Toolbox, nhấp đúp chuột vào thanh này lần nữa để hiển thò trở lại danh sách này. Nhấp đúp chuột vào thanh này lần nữa để hiển thò trở lại danh sách  Nhấp chuột vào nút Left hoặc Right Arrow (mũi tên sang trái hay phải) trong thanh ngăn cách để mở rộng hay thu hẹp danh sách. Khi danh sách Toolbox bò ẩn, bạn có thể vẫn truy cập các mục của nó bằng cách dùng nút Add (+) tại góc trái bên trên trong bảng Actions. TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 245 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG 11 CHẾ ĐỘ EXPERT MODE Trong chế độ Expert Mode, bạn tạo ra các action bằng cách nhập các ActionScript vào trong hộp ký tự bên phải của bảng hoặc bằng cách chọn các action từ trong danh Toolbox bên trái. Bạn có thể hiệu chỉnh các action, nhập vào các tham số cho các action hoặc xoá trực tiếp các action trong hộp ký tự như khi bạn tạo ra các script trong trình biên tập văn bản. Chế độ Expert Mode cho phép người dùng ActionScript cao cấp hiệu chỉnh các script của họ bằng trình biên tập văn bản giống như ngôn ngữ lập trình JavaScript hoặc VBScript. Chế độ Expert Mode khác biệt với chế độ Normal Mode trong những cách sau đây:  Chọn một mục Item trong trình đơn xổ xuống Add hoặc danh sách Toolbox chèn các mục Item trong vùng hiệu chỉnh ký tự tại vò trí con trỏ.  Hộp tham số không xuất hiện.  Trong bảng nút, chỉ có nút Add (+) hoạt động.  Các nút Up và Down Arrow không hoạt động. GÁN CÁC ACTION CHO CÁC ĐỐI TƯNG Bạn có thể gán một action cho một nút hoặc một đoạn Movie Clip để tạo ra một hành động thi hành khi người dùng nhấp chuột vào một nút hoặc cuộn con trỏ qua nó, hoặc khi Movie Clip trở về hay chạy đến một frame nào đó. Bạn gán action cho một Instance của một nút hoặc một Movie Clip. Các Instance khác của Symbol đó vẫn không bò ảnh hưởng. Khi bạn gán một action cho một nút hoặc một đoạn Movie Clip, Flash sẽ tự động gán một action đặc biệt gọi là handler (bộ điều khiển)— action On Mouse Event cho các nút hoặc action On Clip Event cho các đoạn phim Movie Clip. Một handler quản lý một event (sự kiện) theo một cách nhất đònh và chứa các Group của các câu lệnh ActionScript có thể chạy khi một event đặc biệt xảy ra. Mỗi handler bắt đầu bằng từ OnClipEvent theo sau một event trong đó handler phải trả lời. Các Event là các action xảy ra trong khi một đoạn phim đang diễn hoạt, chẳng hạn như việc nạp về một đoạn Movie Clip, đầu Playhead nhập vào một frame hoặc người dùng nhấn một phím trên bàn phím. Bạn có thể xác đònh sự kiện dùng chuột (Mouse Event) hoặc nhấn phím trên bàn phím để kích hoạt action này. Ngoài ra bạn cũng có thể xác đònh event cho đoạn Clip kích hoạt các action. TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 246 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG 11 Một khi bạn đã gán một action, tốt hơn hết là bạn nên kiểm tra action này xem nó có hoạt động hay không. Chỉ có các action cho frame đơn giản như Go To and Play hoạt động ở trong chế độ hiệu chỉnh (Editing Mode). Các chỉ dẫn mô tả sau đây dùng để thiết lập các action cho các đối tượng sử dụng bảng Actions trong chế độ Normal Mode. Để biết thêm thông tin về cách dùng bảng Actions trong chế độ Expert Mode, bạn hãy xem lại mục “ Chế độ Expert Mode”.  Gán một action cho một nút hoặc một đoạn Movie Clip: 1. Chọn một Instance là nút hoặc một đoạn Movie Clip và chọn trên trình đơn Window > Actions. Nếu vùng chọn không phải là một Instance nút, Instance Movie Clip hoặc một frame hoặc nếu vùng chọn gồm có nhiều đối tượng, bảng Actions sẽ bò mờ đi. 2. Trong danh sách Toolbox bên trái của bảng, bạn hãy nhấp chuột vào mục Basic Actions để hiển thò các action cơ bản trong Flash. Để mô tả các action bạn thêm vào, bạn có thể xem mục “Cách dùng các action cơ bản cho sự tương tác và điều hướng”. 3. Sau đó bạn sẽ gán một action, bạn có thể thực hiện một trong các cách sau đây:  Nhấp đúp chuột vào một action trong mục Basic Actions. TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 247 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG 11  Kéo một action trong mục Basic Actions bên trái sang mục danh sách Actions bên phải của bảng. Kéo lệnh Play trong mục Basic Actions sang mục danh sách Action Kết quả sau khi kéo lệnh Play trong mục Basic Actions sang mục danh sách Action  Nhấp chuột vào nút Add (+) và chọn một action có trong trình đơn xổ xuống. Nhấp chuột vào nút Add có hình dấu cộng Chọn một lệnh có trong trình đơn Basic Action TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 248 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG 11  Sử dụng phím tắt. Nếu bạn chọn một đoạn Movie Clip, Flash sẽ tự động chèn thêm vào action On Clip Event và action này bạn chọn trong danh sách Actions. Nếu bạn chọn một nút, Flash sẽ tự động chèn vào một mã code On Mouse Event để kích hoạt bất kỳ action được chọn nào. 4. Hiển thò bảng Parameters, nhấp chuột vào biểu tượng hình tam giác tại góc phải phía dưới trong bảng Actions. Chọn action và nhập vào những giá trò mới trong hộp ký tự Parameters để thay đổi các tham số của các action đã có trước đó. Các tham số biến đổi phụ thuộc vào action bạn chọn. Ví dụ như, tham số On Clip mặc đònh là Load. Bạn có thể xem mục “Cách dùng các action cơ bản cho sự tương tác và điều hướng” để biết thêm thông tin về các tham số cho các action được dùng thông dụng nhất. 5. Lặp lại các bước 3 và 4 để gán cho các action bổ sung vào nếu bạn thấy cần thiết. TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 249 BIÊN SOẠN : KS PHẠM QUANG HUY [...]... hiện đang được đoạn phim khác sử dụng  Thay thế đoạn phim gốc và không nạp về từng chỉ số cấp độ, chọn Level 0 để nạp về một đoạn phim mới Trước hết đoạn phim nạp vào được đưa vào cấp độ dưới cùng Đoạn phim ở Level 0 thiết lập tỉ lệ frame, màu Background và kích thước frame của tất cả các đoạn phim được nhập vào khác Sau đó các đoạn phim có thể được chồng lên các cấp độ bên trên đoạn phim trong Level... phim nạp vào: 1 Bạn hãy tạo ra một đoạn phim có vòng lặp chuyển động ngắn tại vò trí đầu tiên của đoạn phim Ví dụ như bạn có thể tạo ra một vòng lặp hiển thò thông điệp "Movie loading " 2 Tạo một action frame với action If Frame Is Loaded nhảy ra khỏi vòng lập chuyển động khi tất cả các frame được tải về và tiếp tục diễn hoạt đoạn phim Ví dụ, một đoạn phim có 30 frame có 2 frame vòng lập chuyển động,... hãy tạo ra đoạn phim có một vòng lập chuyển động ngắn tại vò trí đầu tiên của đoạn phim Ví dụ như bạn có thể tạo ra một vòng lập hiển thò thông điệp "Movie loading " 2 Tạo một action nhảy ra khỏi vòng lập chuyển động sau khi tất cả các frame được nạp và tiếp tục phát đoạn phim Ví dụ, một đoạn phim có 2 frame vòng lập chuyển động tại vò trí đầu tiên, bạn phải gắn action sau vào trong Frame 2: if(_framesloaded==100)... Ngoài ra, action Print cho phép bạn xác đònh các frame có thể in ra ngoài Để biết thêm thông tin chi tiết về các action khác, bạn có thể xem mục ActionScript và các tương tác cao hơn trong phần ActionScript Help NHẢY ĐẾN MỘT FRAME HOẶC MỘT SCENE Để nhảy đến một frame hoặc một Scene đặc biệt trong đoạn phim, bạn sử dụng action Go To Khi đoạn phim nhảy đến một frame, bạn có thể phát đoạn phim từ một frame... vào Frame 1: ifFrameLoaded (30) { gotoAndPlay (3); } Kết thúc ví dụ, gắn action sau đây vào Frame 2, sau đó khởi động lại đoạn phim tại Frame 1: gotoAndPlay (1); Khi frame xác đònh trong action If Frame Is Loaded nạp vào, đoạn phim sẽ bỏ qua frame thứ hai và tiếp tục phát đoạn phim từ frame thứ ba  Dùng thuộc tính _framesloaded trong một action để xem một vòng lập chuyển động ngắn để làm đoạn phim. .. Mode ĐIỀU KHIỂN CÁC ĐOẠN MOVIE CLIP VÀ CÁC ĐOẠN PHIM KHÁC Bạn có thể điều khiển một đoạn Movie Clip hoặc đoạn phim được nạp với action Load Movie bằng targeting Movie Clip Bạn có thể gán các action cho frame, Button hoặc đoạn Movie Clip sẽ điều khiển đoạn phim Movie Clip (gọi là bộ điều khiển Controller) và sau đó áp đặt đoạn phim hay đoạn Movie Clip nhận action gọi là Target Movie Clip (đoạn Movie Clip... chỉ cấp độ như sau :  Nạp về đoạn phim mới ngoài các đoạn phim đang tồn tại ra, bạn có thể nhập vào một con số chỉ cấp độ mà đoạn phim khác không sử dụng (Giữ đoạn phim và luôn cập nhật các giá trò mới cho các biến, bạn nên sử dụng Action Load Variables Để biết thêm thông tin chi tiết, bạn có thể xem mục ActionScript Help.)  Thay thế một đoạn phim đang tồn tại với đoạn phim được nạp, bạn có thể nhập... một đoạn Movie Clip sẽ được đoạn phim nạp về thay thế Đoạn phim nạp vào thừa hưởng các thuộc tính như vò trí, hướng xoay và thay đổi tỉ lệ của đoạn Movie Clip được nhắm đến (đích) Điểm khai báo (Registration Point) của đoạn phim nạp vào xuất hiện tại góc trái trên của đoạn phim Movie Clip đích 8 Mục Variable, chọn một Method để gởi các biến cho đoạn phim được nạp vào vò trí được liệt kê trong hộp ký tự. .. hiện các tham số chọn 5 Lặp lại các bước 3 và 4 để gán cho các action bổ sung vào nếu bạn thấy cần thiết  Kiểm tra một frame action trong một Scene: Chọn trên trình đơn Control > Test Movie CÁCH DÙNG CÁC ACTION CƠ BẢN CHO SỰ ĐỊNH HƯỚNG (NAVIGATION) VÀ TƯƠNG TÁC (INTERACTION) Các Basic Action (action cơ bản) trong bảng Actions cho phép bạn điều khiển việc đònh hướng và tương tác của người dùng trong đoạn. .. phép bạn xác đònh một frame Các Expression là một phần của câu lệnh tạo ra một giá trò như 1+1 7 Nếu bạn chọn Frame Number, Frame Label hoặc Expression trong bước 6 cho mục Frame, bạn hãy nhập vào số frame, tên frame hoặc một biểu thức (Expression) mà xác đònh đến một số frame hoặc tên frame Câu lệnh sau cho biết rằng 5 frame đầu của frame chứa các action: gotoAndStop(_currentframe + 5); Để biết thêm . LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG 11 CÁCH TẠO RA CÁC ĐOẠN PHIM TƯƠNG TÁC TỔNG QUAN VỀ CÁCH TẠO RA CÁC ĐOẠN PHIM TƯƠNG TÁC Trong hoạt. của đoạn phim, di chuyển các đối tượng, nhập vào các thông tin trong các dạng thức (form) và thực hiện nhiều thao tác tương tác khác. Bạn tạo ra các đoạn