1 ページ
GIÁO TRÌNH THIẾT KẾ WEB : PHAN LÝ THUYẾT - Tự HỌC MACROMEDIA FLASH 5.0 BANG 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à ữame 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 toong đó, 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 trinh 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í du : 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 toong 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. ThiNganHang.com TỦ SÁCH STK - THẾ GIỚI Đ ồ HỌA 240 BIÊN SOẠN : KS PHẠM QUANG HUY
2 ページ
GIẢO TRÌNH THIẾT KẾ WEB ; PHAN LỶ t h u y ế t - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ìn h Ản h_______ 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 ưong 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 ActìonScript Help, □ Hiển thị bảng Actions: ■ Chọn trên trình đơnWindow > 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. ữ b ịect A ctions I Movie E«ploter[ ữbịect Actions) S U [ + | [ ~ » I O bject A ctions ''' J Basic Actions ® Go To (5) Play @) Stop ® Toggle High Q'jality (S) Stop All Sounds ® Get URL □ Chọn chếđộ hiệu chỉnh cho một action: Obiect A ctions ¿ Ạ i M ovie Explorer [ P I Object A ctions! (?)w . V* Normal H ade Object Actions Expert Mode Ctrl+E p Basic Actions Goto Line... Ctrl+G ® Go To Find... Ctrl+F ® Ptay Find Again F3 ® Stop R ep lace... Ctrl+H (5) Toggle High GỊưality C heck Syntax Ctrl+T ® Stop All Sounds Import From File... ctrl+l ® Get URL Export As File... ctrl+o Print.. v> Colored Syntax Show D ep recated Syntax Font Size ► ThiNganHang.com TỦ SẨCH STK - THẾ GIỚI Đ ồ HỌA 241 BIÊN SOẠN: KSPHẠM QUANG HUY
3 ページ
GIẢO TRÌNH THIẾT KẾ WEB ; PHAN LỶ t h u y ế t - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ìn h Ản h_______ 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 ACHONS 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 Hash 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. T hêm vâo mổt câu lênh T l i a j đ ổ i t r ậ t t ự c ẩ u ệ n h 1ũ biecl A ctions m f e w OYÌeẼKploiPiỊ !pQŨti¡pe! Actions! IL_hJ Object Actions A g J Basic Action? I on (re Is ase) { ® Go To gotoA ndP lay (1): ® Play (S) Stop ® Toggle High Quality ® Stop All Sounds ® Get URL FR rinm m ^nrl______ Line 2: gotaAndPlay (1]; Scene: p cü rïê rt scërïê> Type; I Flam * Number Fram e: |ü w Go to arid Play □ Chọn một action : 1. Nhấp chuột vào một mục Actions ưong danh sách Toolbox để hiển thị các action trong thư mục đó. ThiNganHang.com TỦ SẨCH STK - H ỈẾ GIỚI Đ ồ HỌA 242 BIÊN SOẠN : KSPHẠM QUANG HUY
4 ページ
GIÁO TRÌNH THIẾT KỂ WEB : PHAN LÝ THUYẾT . T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ìn h Ản h c h ư ơ n g 11 fa;] Basic Actions 9t[J| Basic Actions 1 A ction s AMions 1 / jiff OpelaïOIS break [ÿl'] Functions * ) call Ijâjl Properties (5 } comment |~3 'J Objects @ continue (5 } delete iSL iifiWhilr_ 2. Nhấp đứp chuột vào một actìon hoặc kéo nó vào ưong danh sách Actỉons 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 Actìons để hiển thị bảng Parameters. Object A ctions I »'■-kl M o vie EnplorerỊ' JO Object Action sI (Ỷ) ►] Obịecl Actions 7t\\ B asic Actions ■>ncIipEv* Irt (m0USỄM0V«){ fpn bleak; Actions ® break ff Stop poini ® call c*i comment Line 1: on ClipE vent (nnouseMove] { Eụent: c Load c M ousedow n c Key down i" '-í"" UEnter F ramenlỡ^cl í ” "ỉ ĩ M o use u pMouse mauêi í"*•T*KejjupOjt-S 5 Expaxpand/collapse the parameters areaE 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. Object A ctions El gjgMovie Explorer! ,p] Object Actions! ữbịecl Actions ® break Cl n cIi p Eve T it ( m o use lui a ve) ■[ ® call bi&ak; do { ® comment } w h ile (keypress); (S) continue 0 f*) dfrtelfr / / Stop o in t Line 4 :} while (keypress]; Condition; k&ypres; ThiNganHang.com TỦ SẨCH STK - THẾ GIỚI Đ ồ HỌA 243 BIÊN SOẠN: KSPHẠM QUANG HUY
5 ページ
GIẢO TRÌNH THIẾT KẾ WEB ; PHAN LỶ t h u y ế t - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ìn h Ản h_______ CHƯƠNG 11 □ Chèn vào một đoạn Movie Clỉp: 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. Line 1: for (1; mouseMove [slop); 5] { Jnii: Condition; m □ js e M ove I st ap I Insert a 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ị □ Đi chuyển một câu lệnh lên hoặc xuống trong đanh 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 (-). ThiNganHang.com TỦ SẨCH STK - H ỈẾ GIỚI Đ ồ HỌA 244 BIÊN SOẠN: KSPHẠM QUANG HUY
6 ページ
GIẢO TRÌNH THIẾT KẾ WEB ; PHAN LỶ t h u y ế t - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ì n h Ản h ________CHƯƠNG 11 Object Actions I M ovie E::ploierỊ Object A ctions] WJjj + 1 y ObjectActions I ip = = „ I Hi } w h ile (keyprsss); 1 Delete the selected action[s|j a 0 $ do íhile ị I S te p F».r.in+ f u n c t i o n S w a p ( t h i s K ( 5 ) d i j p l i M t e M o v i e C l i p 11 4 Ỉ @ else íâ ) else if [ □ Thay đổi kích thước Tootbox hoặc đanh 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. ll Movie EKplorerỊ Object Actions! + “ II O b la d A ctions 4 ® delete Æ. F o n C I ipEvent (mo J S & M ave) { jdh. (3) do while- iI break; (2) duplicateMoyieClip ]-d 0 {hi Ie (keypre ss); — % LHJ i (5) else ỈỈ Slop point £3) else if II Í L L B L íü f l ji_ _ 5 u u A f i r i ï ü S i 1 Line 1: o n ClipE vent (nnouseMove) { ■ 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 tbash nàỵ lần nữa để hiển thị ttở 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. Object Actions [¿^MovieEKpĩorerỊ Object Aetionsj '[?,3H 1+•; —ll Object Actions l a ^ B a s ic Actions ► -k : Actions ► Operators ► Functions ► Propeilies ► T Objects ► ì Ỉ ThiNganHang.com TỦ SẨCH STK - H ỈẾ GIỚI Đ ồ HỌA 245 BIÊN SOẠN: KSPHẠM QUANG HUY
7 ページ
GIẢO TRÌNH THIẾT KẾ WEB ; PHAN LỶ t h u y ế t - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ì n h Ản h ________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 ActionScrípt 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ư khỉ 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 gỉấ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 Ưp 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 thỉ hành khỉ người dùng nhấp chuột vào một nút hoặc cuộn con trỏ qua nổ, hoặc kfai 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 eyent (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ừ QnClỉpEvent theo sau một event trong đố handler phải trả lời. Các Event là các action xảy ra trong khỉ 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. ThiNganHang.com TỦ SẨCH STK - H ỈẾ GIỚI Đ ồ HỌA 246 BIÊN SOẠN: KSPHẠM QUANG HUY
8 ページ
GIẢO TRÌNH THIẾT KẾ WEB ; PHAN LỶ t h u y ế t - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ì n h Ản h ________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. » : f'.'lo'.'ie Esploierî Object Actions! (?) ► + Object A ctions. w ề k fpt] Basic Actions ® Go To ® Pl-ay (S) Scop ® Toggle High Qu-aliïy ■ (S) Stop All Sounds ® Get URL T ' Để 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. O bject A ction s jjjÿMovKEKploretfp]ÕẼiẽẽĩAction?! ? ► l+IHl Dbjecl Ac lions Basic Aciions r ® Go Ta gotûAridPljy (1); (s> Play H ^ g _ I Go to the specified frame of the movie Toggle High Qu-sliïÿ ® scop All Sounds ® e*»URL Line 2: gũtũAnđPlay Ị1]; Se*ne; 3 Tjpe: I Frame [\lumfc*r L d Flame: M l i fv* Go (0 arid Play ThiNganHang.com TỦ SẨCH STK - THẾ GIỚI Đ ồ HỌA 247 BIÊN SOẠN : KSPHẠM QUANG HUY
9 ページ
GIẢO TRÌNH THIẾT KẾ WEB ; PHAN LỶ t h u y ế t - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ì n h Ản h ________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. IiitÿMovieEKplorerỊJjj ObjectActionsI @ Stop* ® ToggleHighQuality ® Stop All Sound? (5) GelURL Kéo lệnh Play trong mọc Basic Áctìons sang mục danh sách Action [ jỹjũ M o 'iij Explorer [ p i Object Actions) + — Object Actions j BasicsActions ® GoTo Q Play ® Stop @ ToqgleHiqhQuality StopAll Sounds ® GetURL Kết quẳ sau khi kéo lệnh Flay trong mục Basic Actions sang mục danh sách Action ■ Nhấp chuột vào nut 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 1iQỹMo'.'ieExplorerî IPŨỊ Object AclionsỊỊ J + ““ I Object Actions Go To Esc+go T Actions & Play Esc+pl Operators ► Stop Esc+st Functions ► Toggle High Quality Esc+tg Properties ► Stop A ll Sounds Esc+ss Objects ► Get URL Ese+gu FSCommand Esc+fs ® SetURL Load Movie Esc+lm 1No action selected Unload Movie Esc+um Tell Target Esc+tt Mo PtitmMHS. If Frame Is Loaded Esc+il On Mouse Event Ese+on Chọn một lệnh cố ưong trình đơn Basic Action ThiNganHang.com TỦ SẨCH STK - H ỈẾ GIỚI Đ ồ HỌA 248 BIÊN SOẠN : KSPHẠM QUANG HUY
10 ページ
GIẢO TRÌNH THIẾT KẾ WEB ; PHAN LỶ t h u y ế t - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ì n h Ản h ________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àỹ 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 đố. Object Actions FI ||Jaj » M o v if EaplorerỊ jpj} Object Actions] (?) ► HK “ I Object Actions fgsj Basic Actions A o n C lip E w è n t (lo a d ) { ® Go To g o tc A n d P la y (5); pl-ay0: ® Pl-iy 4 ® Stop ® Toggl* High Qu-ali(y ¿ 1 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. ThiNganHang.com TỦ SẨCH STK - H ỈẾ GIỚI Đ ồ HỌA 249 BIÊN SOẠN: KSPHẠM QUANG HUY
11 ページ
GIÁO TRÌNH THIẾT KẾ WEB : PHAN LÝ THUYẾT . T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ìn h Ản h c h ư ơ n g 11 O bje ct A ctio n s B Movie Eĩploierĩ ^ Object fictions! © M + “ Object Actions I M AI [|TJ Bâsic Actions JL. 1 onClipEuent (load) { 1 ® Go To gatoAndPljy (5); i pl-av 0; } (5) stop íSì Tnrifile Hiflh n11alihi V Line 1: onClipEvent [load] { ►Event: (* Load c Mousedown c Keydown [■.£C' EnMrFrariw f " Mouseup f" Kejj up f * Unload C" Mouse move r Data THIẾT LẬP CÁC TÙY CHỌN CHO MOUSE EVENT (Sự KIỆN DÙNG CHUỘT) Việc gán một action cho một nứt sẽ tự động gán vào action cố tên là Mouse Event đến nứt đố để điều khiển hoặc quản lý action đó. Mỗi handler bắt đầu bằng từ “on”, theo sau một event mà handler đố trả lời. Vẩdu: on (release) on (keyPress ,,<space>’') on (rollOver) Tham số release cho biết rằng người dùng nhấn và nhả nút chuột. Bạn cố thể xác định Mouse Event nào kích hoạt một action nứt bằng cách sử dụng bảng Actions. □ Thiết lập các tày chọn cho Mouse Event: 1. Chọn nút mà bạn sẽ gán action cho nố. 2. Trong hộp danh sách Toolbox bên trái bảng Actions, nhấp chuột vào mục Basic Actions để hiển thị các action cơ bản (Basic Actions). Fíame Actions Ị*e-A¡ fv lq v if EiiplcirerJ p i Frame A ctions! © N / Ü Frame Actions Jl;j Basic Action gotoAndPlay (1); g Actions play 0: Iall Qpwators 3. Chọn các tùy chọn sau đây: ■ Chọn action là On Mouse Event. ThiNganHang.com TỦ SẨCH STK - H ỈẾ GIỚI Đ ồ HỌA 250 BIÊN SOẠN: KSPHẠM QUANG HUY
12 ページ
GIẢO TRÌNH THIẾT KẾ WEB ; PHAN LỶ t h u y ế t - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ìn h Ản h_______ CHƯƠNG 11 Qbịect Actions I iQ T jM Q vie E n plorerỊ O bject A c tio n s ị © ► 4" "*■ Obịed Actions @ Tell Target «lì(release)Ỉ @1 If Fr-sme Is Lo aded Ỉ <*íì (release) { O n M o u s e E ven! ầ_ Ỉ j i l l Actions Performs actions when a particular mouse event occurs Jill Operators I I I ■ Chọn một action trong thư mục Basic Actions. 4. Trong bảng Parameters, trong mục Event, chọn một phím hoặc Mouse Event sẽ kích hoạt action này: ryEvert: r ~ Press r * Roll Over F? Release- r Rollpự ---------1/ F? ¡R«lMSfrgiÜKÏdfr; r DragOust p ủ K e y Press: Ị r ~ Drag Out ■ Lệnh Press kích hoạt action khỉ nhấp nứt chuột trong khi đưa con trỏ ngang qua nút này. ■ Lệnh Release (mặc định) kích hoạt action khỉ nhấp nứt chuột trong khỉ đưa con trỏ ngang qua nó. Điều này sẽ thiết lập behavior (hành vi) nhấp chuột chuẩn. ■ Lệnh Release Outside kích hoạt action khỉ nhả nút chuột trong khỉ con trỏ không ở trên nút đó. ■ Lệnh Key Press kích hoạt action khỉ nhấn phím xác định. Nếu bạn chọn tùy chọn này, bạn hãy nhập vào tên phím trong hộp ký tự. ■ Lệnh Roll Over kích hoạt action khi con trỏ cuộn trên nứt đó. ■ Lệnh Roll Out kích hoạt action khỉ con trỏ cuộn bên ngoài nứt. ■ Lệnh Drag Over kích hoạt action khi nhả nứt chuột trong khỉ con trỏ vẫn ỡtrên nút đó, con trỏ cuộn ra khỏi nút và sau đó cuộn trở lại lên trên nút. ■ Lệnh Drag Out kích hoạt action khi nhấn nút chuột trên nút và sau đócon trỏ cuộn ra khỏi nút. 5. Gán một vài action bổ sung vào cho nút đố. ThiNganHang.com TỦ SẨCH STK - H ỈẾ GIỚI Đ ồ HỌA 251 BIÊN SOẠN: KSPHẠM QUANG HUY
13 ページ
GIẢO TRÌNH THIẾT KẾ WEB ; PHAN LỶ t h u y ế t - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ìn h Ản h_______ CHƯƠNG 11 Để biết thêm chi tiết về Mouse Event, bạn có thể xem mục ActionScript Help. □ Kiểm tra các action trongframeỉ 1. Chọn trên trình đơn Control > Enable Simple Frame Actions. Window Help Etas Entei Rewind Chl+A,lt+R: Step Forwaid • Step Backward Test Movie CUI+Entei Debug Movie Ctif+ShiH+Enter Test Scene Ctil+Alt+Enler Loop Playback jl Plajj All Scenes ^ tE n a b le Simple Frame Actjons 1 ^ Enable Simple Buttons 2. Chọn trên trình đơn Control > Test Movie. GÁN NHỮNG ACTION CHO CÁC FRAME Để một đoạn phim thực hiện một cái gì đó khi nó chạy đến một keyframe, bạn gán một frame action cho keyframe. Ví dụ: Để tạo một YÒng lặp trong một đoạn phim, bạn cố thể thêm vào một frame action đến Frame 20 xác định "go to Frame 10 and play." Đó là một ý tưởng hay để đặt tất cả các frame action trong một Layer để làm cho nó dễ theo dồi hơn. Các frame cố action sẽ hỉển thị một ký tự a nhỏ trong thanh thước Timeline. F r a m e C O a c t i o n m □ 1 10 ‘ 5 20 25 30 a Ũ ? Ball - - □ ■>------- ---------------------- 1 *CLì-------* amÏ----------------- ỉ- aII*CL ^ T|| ■ >------- ---------Ïm}a ---------------------------------3- am?----Ïmma ma © H P m + □ ! □ ! Rbl [■][ 5 12.Clips I 0.3s < ị I Một khi bạn đã gán một action, tốt hơn hết bạn nên kiểm tra xem chứng có hoạt động hay không, dùng lệnh Test Movie trong trình đơQ Control. Hầu hết các action sẽ không hoạt động trong chế độ hiệu chỉnh Editing Mode. Những chỉ dẫn sau mô tả cách thiết lập các action cho các frame dùng bảng Actions ở chế độ Normal Mode. □ Gần một action cho một keyframe: 1. Chọn một keyframe trong thanh thước Timeline và chọn trên trình đơn Window > Actions. Nếu bạn chọn một frame không phải là keyframe, action sẽ được gán vào keyframe trước đố. Nếu vùng chọn không phải là một frame hoặc vùng chọn gồm cố nhiều frame, bảng Actions sẽ bị mờ đi. ThiNganHang.com TỦ SẨCH STK - H ỈẾ GIỚI Đ ồ HỌA 252 BIÊN SOẠN: KSPHẠM QUANG HUY
14 ページ
GIẢO TRÌNH THIẾT KẾ WEB ; PHAN LỶ t h u y ế t - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ìn h Ản h_______ CHƯƠNG 11 2. Trong danh sách Toolbox bên trái bảng, nhấp chuột vào mục Basic Actions để hiển thị các action cơ bản. Frame Actions m I rQỹMoviẽ-ẼKplorisrỊ Frame A ctions I gotpAndPldy(1); pi^yO;. % (S) Toggle High Quality ® Stop All Sounds No action selected. 3. Để gán một action vào một frame, bạn cố thể thực hiện một trong những bước sau đây: ■ Nhấp đứp chuột vào một action trong mục Basic Actions trong danh sách Toolbox. Object Actions m Ị iQỹ Movie Eaplotetj Object Actions I + | ■ *[[ Object Actions ▼ J Basic Actions on (release) { ® Go To g o t c A n d S t o p ( 1); ® Play @ l Stop T og gle High Quality ® S to p All S o unds ® l G et URL ( S ) F S C o m m a n d L o a d M o v ie (3 ) U nload M o v ie ® T ell T-ar get ( Ä ) If F ia m e Is L o a ded ® On Mouse E w rc ■ Kéo một action trong danh sách Toolbox bên trái sang danh sách Actions bên phải bảng. ■ Nhấp chuột vào nút Add (+) và chọn một câu lệnh có ưong trình đơn dọc. ■ Dùng phím tất. 4. Để hiển thị bảng Parameters, bạn hãy nhấp chuột vào biểu tượng hình tam giác tại gốc phải dưới của bảng Actions. Chọn một action và nhập vào các giá trị mới trong hộp ký tự Parameters để thay đổi các tham số của các action đang tồn tại. Các tham số thay đổi tùy thuộc vào action bạn chọn. ThiNganHang.com TỦ SẨCH STK - H ỈẾ GIỚI Đ ồ HỌA 253 BIÊN SOẠN : KSPHẠM QUANG HUY
15 ページ
GIẢO TRÌNH THIẾT KẾ WEB ; PHAN LỶ t h u y ế t - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ìn h Ản h_______ CHƯƠNG 11 @ Load Movie @ Unload Movie ® Tell Target ® If Frame Is Loaded (5 ) 0 n M a u se E w nt Nhấp chuột vào biểu tượng tam giác để xuấ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ộtframe action trong một Scene: ControlJ Window Help Pla* Entei Chọn trên trình đơn Control > Test Movie. Rewind Ctrl+AlUR Step Foiwaid Slep Backward Debug Movie □rl+Shift+Entei 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 YỈệc định hướng và tương tác của người dùng trong đoạn phim bằng cách chọn các action và Flash sẽ viết các mã code ActìonScrỉpt cho bạn. Các Basic Actions gồm cố các lệnh sau: ■ Action Go To nhảy đến một frame hay một Scene. J B-ssic Actions ■ Action Play và Stop phát và dừng đoạn phim. ® Go To ■ Action Toggle High Quality hiệu chỉnh chất lượng ® Plan xuất của đoạn phim. Stop ( Ï ) Toggle High Quality Action Stop AU Sounds dừng tất cả các âm thanh (S) Scop All Sou rids trong đoạn phim. ® Set URL @1 FSCommand Action Get URL nhảy đến một URL. @ Load Movie Action FSCommand điều khiển Flash Player đang @ Unload Movie phát một đoạn phùn. ® Tell Target @ If Frame Is Loaded ® On Mouse Event ThiNganHang.com TỦ SẨCH STK - THẾ GIỚI Đ ồ HỌA 254 BIÊN SOẠN : KSPHẠM QUANG HUY
16 ページ
GIẢO TRÌNH THIẾT KẾ WEB ; PHAN LỶ t h u y ế t - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ìn h Ản h_______ CHƯƠNG 11 ■ Action Load Movie và Unload Movie nạp và không nạp các đoạn phim bổ sung. ■ Action Tell Target điều khiển các đoạn Movie Clip và các đoạn phim khác. ■ Action If Frame Is Loadedkiểm tra xem frame đố cố được nạp vào hay không. ■ Action On Mouse Event gán một Mouse Event hoặc bàn phím để kích hoạt một action. 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 chỉ tiết về các action khác, bạn cố thể xem mục ActionScrỉpt 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. Khỉ đoạn phim nhảy đến một frame, bạn cố thể phát đoạn phim từ một frame mới (mặc định) hoặc dừng tại frame đố. Ngoài ra trong đoạn phim bạn cũng cố thể nhảy đến một Scene và phát một frame đặc biệt hoặc frame đầu tiên của Scene trước hay sau đố. □ Nhảy đến mộtframe hay một Scene: 1. Chọn một frame cố Instance là Button hoặc Movie Clip mà bạn sẽ gán action cho nó. 2. Chọn trên trình đơn Window > Actions để hỉển thị bảng Actions. Them "vảo một câu lệnh. T haj đổi trệt tự I Xoá một cẩu lệnh của cẩu lệnh H Jj ÿ i ỉ'. lovi?EKptorei| Objeoc ActionsI ? ► Obịecl Actions J B-asfo Actions I on(release){ ® Go To g o to A n d P la y ( i ) ; ® Plaa @1 Stop (5) ToggleHighQuality Stop All Sounds (3) GetURL (? ) FSCominand LoadMovie* (3 ) Unload M ovie Line2: gctoAndPlay(1]j steme: 1<currentseen» Type-; j'FrameMumtier Frame: 1 17 Go to and Ray 3. Trong danh sách Toolbox, nhấp chuột vào mục Basic Actions để hiển thị các Basic Actions và chọn action là Go To. Flash sẽ đưa action Go To và Play vào trong danh sách Actions. ThiNganHang.com TỦ SẨCH STK - H ỈẾ GIỚI Đ ồ HỌA 255 BIÊN SOẠN : KSPHẠM QUANG HUY
17 ページ
GIẢO TRÌNH THIẾT KẾ WEB ; PHAN LỶ t h u y ế t - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ìn h Ản h_______ CHƯƠNG 11 |‘ £áị) Miwifr Explorer [ ũ bịe&r Actionĩf O b je c t A c tio n s m Ị «Qỹ Movie Explorer Ị J%Ị Object Ac tip msI © ► + i J™j| Object Actions + “ O bject A ctio n s fpU Basic Actions | Basic Actions I on (raie as ö) •{ ® Go To N t ® GoT gotoAndPlay ( 1); (g ! Pl-ay ® Play > @1 Stop (Ä) Stop (S) Toggle High quality (S) Toggle High Quality Scop All Sounds (S) Stop All Sou rids ® G it URL ® Get URL FSCommand (S) FSCommand @1 Load Movie @ i Lo ad Movie Unload Movie (S) Unload Movie (S) Tell Target @1 Tell Target (S) If Frame Is Loaded (S) If Frame Is Loaded @ i On Mouse Event On Mouse Event Mo action selected. Line 2: gotoAndPlay (1' Wo Parameters. Scene: I-ccurrent scene> Type: Frame- Wumtier Framg: p ]- Go to and Plan 4. Tiếp tục phát đoạn phim sau khi nhảy, bạn hãy để mục tùy chọn Go To and Play (theo mặc định) lệnh này được chọn trong vùng Parameters. Nếu bạn muấn dừng đoạn phim tại một frame đặc biệt nào đố, bạn hãy bỏ chọn mục Go To and Play. Action này sẽ biến đổi sang mục Go To and Stop. Obịecỉ Action? I gÿjTi M QVie Eiiplo rerỊ Jã) ObjeIji Action s Ị ;?>7] + “ ■ Object Actions ■V A I Basic Actions I on (release) •{ ® So To amiciAndstop ( 1): ® Play (5 ) stop_____ Line 2: gotũAndStôp n ]: Scene; 1«current seen» a Type; 1Frame Number a Fiarr«*: 1' 13 -------------- >Tj: ÎÇo tö ärid Pläi| ■O’ JÙ. 5. Trong trình đơn xể xuếng Scene tại bảng Parameters, bạn hãy xác định Scene đến: Gturent hoặc Named Scene xác đinh một frame trong Scene hoặc Next, Previous để đoạn phim nhảy đến frame thứ nhất của Scene. ThiNganHang.com TỦ SẨCH STK - H ỈẾ GIỚI Đ ồ HỌA 256 BIÊN SOẠN: KSPHẠM QUANG HUY
18 ページ
GIẢO TRÌNH THIẾT KẾ WEB ; PHAN LỶ t h u y ế t - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ìn h Ản h_______ CHƯƠNG 11 L in e 2: g o ta  n d S to p (1 Ị; K 1---------------------------1 X Scene: Type; <rent scenes Y Frame: <previous scene> Scene 1 Go to and Play 6. Trong trình đơn Type trong bảng Parameters, chọn một frame đ ến : H-ine2; gotoAndPlay(1J, ■ Next hoặc Previous Frame. ■ Frame Number, Frame Label hoặc Expression cho 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 thông tin chi tiết về cách viết biểu thức cho các frame, bạn có thể tham khảo mục ActionScript Help. XEM VÀ DỪNG ĐOẠN PHIM Trừ khi bạn được hướng dẫn sử dụng nếu không một khi đoạn phim bắt đầu diễn hoạt, nố sẽ chạy từng frame trên thanh thước Timeline. Bạn có thể ngừng hoặc bắt đầu phát đoạn phim tại một khoảng thời gian nào đố bằng cách dùng action Play và Stop. Ví dụ, bạn cố thể ngừng lại đoạn phim khỉ nố kết thức một Scene trước khi nó chạy sang Scene tiếp theo. Khi bị ngừng lại, đoạn phim bắt đầu chuỵển động lại từ đầu dùng lệnh Play. Action Play và Stop là những action được dùng thông dụng nhất để điều khiển các nứt trong đoạn Movie Clip hoặc điều khiển thanh thước Timeline. Đoạn Movie Clip bạn muốn điều khiển phải cố một tên Instance, phải là Targeted, và phải hiện hành trên thanh thước Timeline. □ Bắt đầu diễn hoạt và dừng đoạnphim: 1. Chọn frame có Instance là Button hoặc Movie Clip mà bạn sẽ gán action. 2. Chọn trình đơnWindow> Actions để hiển thị bảng Actions. 3. Trong danh sách Toolbox, bạn hãy nhấp chuột vào mục Basic Actions để hiển thị các action cơ bản và chọn action Stop. ThiNganHang.com TỦ SẨCH STK - H ỈẾ GIỚI Đ ồ HỌA 257 BIÊN SOẠN: KSPHẠM QUANG HUY
19 ページ
GIẢO TRÌNH THIẾT KẾ WEB ; PHAN LỶ t h u y ế t - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ìn h Ản h_______ CHƯƠNG 11 Flash sẽ chèn vào một mã ActionScript tương tự như mã sau đây trong danh sách Actions: onClipEvent (load) { stop 0; } Lệnh onClipEvent (load) cho biết rằng khi đoạn phim nạp lên, Flash sẽ thực hiện lệnh chỉ dẫn stop để dừng đoạn phim. Chú V : Các dấu ngoặc sau một action cho biết rằng đó là một Method 0 không có các tham số hoặc đếi sấ (Argument). □ Xem một đoạn Movie Clip: 1. Chọn đoạn Movie Clip bạn muốn xem hoặc chọn nứt mà bạn muốn điều khiển phát lại (playback). 2. Chọn trên trình đơn Window > Actions để hiển thị bảng Actions. 3. Trong danh sách Toolbox, bạn hãy nhấp chuột vào mục Basic Actions để hiển thị các action cơ bản và sau đổ chọn action Play. Flash sẽ chèn vào một mã ActionScript tương tự như mã sau đây trong danh sách Actions: on (release) { play 0; } Dòng câu lệnh on (release) cho biết rằng khi nhả chuột tại một nút, Rash sẽ thực hiện chỉ dẫn play để phát đoạn phim. O b je c t A c tio n s a [ ĩ ^ ỹ Movie Explorer! IRt Pbi-5<=<Actions! 5 E Object Actions | Basic Actions I on (release) -! (S) Gg To J- @1 Stop £ Toggle High Quality Stop All Sounds ® Get URL FSCommand ® Load Movi? @! Unload Movie Line 2: play 0; Wo p.sr.knwi«5 ThiNganHang.com TỦ SẨCH STK - THẾ GIỚI Đ ồ HỌA 258 BIÊN SOẠN: KSPHẠM QUANG HUY
20 ページ
GIẢO TRÌNH THIẾT KẾ WEB ; PHAN LỶ t h u y ế t - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ìn h Ản h_______ CHƯƠNG 11 HIỆU CHỈNH CHẤT LƯỢNG IIlỂN t h ị CỦÂđ o ạ n p h im Chế độ Anti-aliasing đòi hỏi bộ xử lý nhanh hơn để làm nh£n mỗi frame của đoạn phim trước khỉ nố diễn hoạt trong vùng màn hình xem trước và sau đố nố cố thể phát chậm lại. Bạn cũng cố thể làm cho đoạn phim phát nhanh hơn bằng cách tắt chế độ Anti-aliasing. Để tắt mở chế độ Anti-aliasing cho đoạn phim, bạn dùng action Toggle High Quality. Action này làm ảnh hưởng đến tất cả các đoạn phim phát lại trong Flash Player. (Bạn không thể hiệu chính chất lượng hiển thị của mỗi đoạn phim hoặc đoạn Movie Clip trong Flash Player này). Một action Toggle High Quality được gán vào một nút cho phểp người dùng hiệu chỉnh chất lượng phát lại của đoạn phim. Action này sẽ chuyển đổi chế độ tắt mở chế độ Anti aliasing. Mỗi khi bạn nhấp chuột vào nứt một lần sẽ tắt hoặc mở chế độ Anti-aliasing nếu đoạn phim diễn hoạt với chất lượng thấp, nhấp chuột trồ lại một lần nữa thực hiện hiệu ứng trái ngược nhau. □ Hiệu chỉnh tốc độ đoạn phim hoặc chất lượng đoạn phim phắtplayback: 1. Chọn frame cổ Instance là Button hoặc Movie Clip mà bạn sẽ gán action. Chọn một đoạn Movie Clip hiệu chỉnh tốc độ đoạn phim, chọn một nút hiệu chỉnh chất lượng phát lại của đoạn phim. 2. Chọn trên trình đơnWindow > Actions để hiển thị bảng Actions. 3. Trong danh sách Toolbox, bạn hãy nhấp chuột vào mục Basic Actions để hiển thị các action cơ bản và chọn action Toggle High Quality. Flash sẽ nhập vào đoạn mã tương tự như sau vào trong danh sách Action: toggleHighQuality 0; Fíame Actions i f f 1 EsplorerỊ p i Frame A ctions! 0 + J —, Flame Actions (p~| Basic Actions jk. toggleHighQualHy ().: ® Go To ® Play V ® Scop Toggle High Qualilij / P k — All *“*-- J~ U.C f ^ ' |T oq qles between low and hiah quality 1 Lãet UriL @ FSComm-and ® Load M ovi- Qji Unload Movie d Line 1: loggleHighQualitjj []; No Pal ambers. ThiNganHang.com TỦ SẨCH STK - H ỈẾ GIỚI Đ ồ HỌA 259 BIÊN SOẠN: KSPHẠM QUANG HUY
コメント (0)
まだコメントはありません。最初のコメントを書きましょう！