Xem mẫu

  1. . GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 11 THIEÁT LAÄP CAÙC TUØY CHOÏN CHO MOUSE EVENT (SÖÏ KIEÄN DUØNG CHUOÄT) Vieäc gaùn moät action cho moät nuùt seõ töï ñoäng gaùn vaøo action coù teân laø Mouse Event ñeán nuùt ñoù ñeå ñieàu khieån hoaëc quaûn lyù action ñoù. Moãi handler baét ñaàu baèng töø “on”, theo sau moät event maø handler ñoù traû lôøi. Ví duï: on (release) on (keyPress "") on (rollOver) Tham soá release cho bieát raèng ngöôøi duøng nhaán vaø nhaû nuùt chuoät. Baïn coù theå xaùc ñònh Mouse Event naøo kích hoaït moät action nuùt baèng caùch söû duïng baûng Actions. Thieát laäp caùc tuøy choïn cho Mouse Event: 1. Choïn nuùt maø baïn seõ gaùn action cho noù. 2. Trong hoäp danh saùch Toolbox beân traùi baûng Actions, nhaáp chuoät vaøo muïc Basic Actions ñeå hieån thò caùc action cô baûn (Basic Actions). 3. Choïn caùc tuøy choïn sau ñaây: Choïn action laø On Mouse Event. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 250
  2. . GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 11 Choïn moät action trong thö muïc Basic Actions. 4. Trong baûng Parameters, trong muïc Event, choïn moät phím hoaëc Mouse Event seõ kích hoaït action naøy: Leänh Press kích hoaït action khi nhaáp nuùt chuoät trong khi ñöa con troû ngang qua nuùt naøy. Leänh Release (maëc ñònh) kích hoaït action khi nhaáp nuùt chuoät trong khi ñöa con troû ngang qua noù. Ñieàu naøy seõ thieát laäp behavior (haønh vi) nhaáp chuoät chuaån. Leänh Release Outside kích hoaït action khi nhaû nuùt chuoät trong khi con troû khoâng ôû treân nuùt ñoù. Leänh Key Press kích hoaït action khi nhaán phím xaùc ñònh. Neáu baïn choïn tuøy choïn naøy, baïn haõy nhaäp vaøo teân phím trong hoäp kyù töï. Leänh Roll Over kích hoaït action khi con troû cuoän treân nuùt ñoù. Leänh Roll Out kích hoaït action khi con troû cuoän beân ngoaøi nuùt. Leänh Drag Over kích hoaït action khi nhaû nuùt chuoät trong khi con troû vaãn ôû treân nuùt ñoù, con troû cuoän ra khoûi nuùt vaø sau ñoù cuoän trôû laïi leân treân nuùt. Leänh Drag Out kích hoaït action khi nhaán nuùt chuoät treân nuùt vaø sau ñoù con troû cuoän ra khoûi nuùt. 5. Gaùn moät vaøi action boå sung vaøo cho nuùt ñoù. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 251
  3. . GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 11 Ñeå bieát theâm chi tieát veà Mouse Event, baïn coù theå xem muïc ActionScript Help. Kieåm tra caùc action trong frame: 1. Choïn treân trình ñôn Control > Enable Simple Frame Actions. 2. Choïn treân trình ñôn Control > Test Movie. GAÙN NHÖÕNG ACTION CHO CAÙC FRAME Ñeå moät ñoaïn phim thöïc hieän moät caùi gì ñoù khi noù chaïy ñeán moät keyframe, baïn gaùn moät frame action cho keyframe. Ví duï: Ñeå taïo moät voøng laëp trong moät ñoaïn phim, baïn coù theå theâm vaøo moät frame action ñeán Frame 20 xaùc ñònh "go to Frame 10 and play." Ñoù laø moät yù töôûng hay ñeå ñaët taát caû caùc frame action trong moät Layer ñeå laøm cho noù deã theo doõi hôn. Caùc frame coù action seõ hieån thò moät kyù töï a nhoû trong thanh thöôùc Timeline. Moät khi baïn ñaõ gaùn moät action, toát hôn heát baïn neân kieåm tra xem chuùng coù hoaït ñoäng hay khoâng, duøng leänh Test Movie trong trình ñôn Control. Haàu heát caùc action seõ khoâng hoaït ñoäng trong cheá ñoä hieäu chænh Editing Mode. Nhöõng chæ daãn sau moâ taû caùch thieát laäp caùc action cho caùc frame duøng baûng Actions ôû cheá ñoä Normal Mode. Gaùn moät action cho moät keyframe: 1. Choïn moät keyframe trong thanh thöôùc Timeline vaø choïn treân trình ñôn Window > Actions. Neáu baïn choïn moät frame khoâng phaûi laø keyframe, action seõ ñöôïc gaùn vaøo keyframe tröôùc ñoù. Neáu vuøng choïn khoâng phaûi laø moät frame hoaëc vuøng choïn goàm coù nhieàu frame, baûng Actions seõ bò môø ñi. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 252
  4. . GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 11 2. Trong danh saùch Toolbox beân traùi baûng, nhaáp chuoät vaøo muïc Basic Actions ñeå hieån thò caùc action cô baûn. 3. Ñeå gaùn moät action vaøo moät frame, baïn coù theå thöïc hieän moät trong nhöõng böôùc sau ñaây: Nhaáp ñuùp chuoät vaøo moät action trong muïc Basic Actions trong danh saùch Toolbox. Keùo moät action trong danh saùch Toolbox beân traùi sang danh saùch Actions beân phaûi baûng. Nhaáp chuoät vaøo nuùt Add (+) vaø choïn moät caâu leänh coù trong trình ñôn doïc. Duøng phím taét. 4. Ñeå hieån thò baûng Parameters, baïn haõy nhaáp chuoät vaøo bieåu töôïng hình tam giaùc taïi goùc phaûi döôùi cuûa baûng Actions. Choïn moät action vaø nhaäp vaøo caùc giaù trò môùi trong hoäp kyù töï Parameters ñeå thay ñoåi caùc tham soá cuûa caùc action ñang toàn taïi. Caùc tham soá thay ñoåi tuøy thuoäc vaøo action baïn choïn. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 253
  5. . GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 11 Nhaáp chuoät vaøo bieåu töôïng tam giaùc ñeå xuaát hieän caùc tham soá choïn 5. Laëp laïi caùc böôùc 3 vaø 4 ñeå gaùn cho caùc action boå sung vaøo neáu baïn thaáy caàn thieát. Kieåm tra moät frame action trong moät Scene: Choïn treân trình ñôn Control > Test Movie. CAÙCH DUØNG CAÙC ACTION CÔ BAÛN CHO SÖÏ ÑÒNH HÖÔÙNG (NAVIGATION) VAØ TÖÔNG TAÙC (INTERACTION) Caùc Basic Action (action cô baûn) trong baûng Actions cho pheùp baïn ñieàu khieån vieäc ñònh höôùng vaø töông taùc cuûa ngöôøi duøng trong ñoaïn phim baèng caùch choïn caùc action vaø Flash seõ vieát caùc maõ code ActionScript cho baïn. Caùc Basic Actions goàm coù caùc leänh sau: Action Go To nhaûy ñeán moät frame hay moät Scene. Action Play vaø Stop phaùt vaø döøng ñoaïn phim. Action Toggle High Quality hieäu chænh chaát löôïng xuaát cuûa ñoaïn phim. Action Stop All Sounds döøng taát caû caùc aâm thanh trong ñoaïn phim. Action Get URL nhaûy ñeán moät URL. Action FSCommand ñieàu khieån Flash Player ñang phaùt moät ñoaïn phim. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 254
  6. . GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 11 Action Load Movie vaø Unload Movie naïp vaø khoâng naïp caùc ñoaïn phim boå sung. Action Tell Target ñieàu khieån caùc ñoaïn Movie Clip vaø caùc ñoaïn phim khaùc. Action If Frame Is Loaded kieåm tra xem frame ñoù coù ñöôïc naïp vaøo hay khoâng. Action On Mouse Event gaùn moät Mouse Event hoaëc baøn phím ñeå kích hoaït moät action. Ngoaøi ra, action Print cho pheùp baïn xaùc ñònh caùc frame coù theå in ra ngoaøi. Ñeå bieát theâm thoâng tin chi tieát veà caùc action khaùc, baïn coù theå xem muïc ActionScript vaø caùc töông taùc cao hôn trong phaàn ActionScript Help. NHAÛY ÑEÁN MOÄT FRAME HOAËC MOÄT SCENE Ñeå nhaûy ñeán moät frame hoaëc moät Scene ñaëc bieät trong ñoaïn phim, baïn söû duïng action Go To. Khi ñoaïn phim nhaûy ñeán moät frame, baïn coù theå phaùt ñoaïn phim töø moät frame môùi (maëc ñònh) hoaëc döøng taïi frame ñoù. Ngoaøi ra trong ñoaïn phim baïn cuõng coù theå nhaûy ñeán moät Scene vaø phaùt moät frame ñaëc bieät hoaëc frame ñaàu tieân cuûa Scene tröôùc hay sau ñoù. Nhaûy ñeán moät frame hay moät Scene: 1. Choïn moät frame coù Instance laø Button hoaëc Movie Clip maø baïn seõ gaùn action cho noù. 2. Choïn treân trình ñôn Window > Actions ñeå hieån thò baûng Actions. 3. Trong danh saùch Toolbox, nhaáp chuoät vaøo muïc Basic Actions ñeå hieån thò caùc Basic Actions vaø choïn action laø Go To. Flash seõ ñöa action Go To vaø Play vaøo trong danh saùch Actions. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 255
  7. . GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 11 4. Tieáp tuïc phaùt ñoaïn phim sau khi nhaûy, baïn haõy ñeå muïc tuøy choïn Go To and Play (theo maëc ñònh) leänh naøy ñöôïc choïn trong vuøng Parameters. Neáu baïn muoán döøng ñoaïn phim taïi moät frame ñaëc bieät naøo ñoù, baïn haõy boû choïn muïc Go To and Play. Action naøy seõ bieán ñoåi sang muïc Go To and Stop. 5. Trong trình ñôn xoå xuoáng Scene taïi baûng Parameters, baïn haõy xaùc ñònh Scene ñeán: Current hoaëc Named Scene xaùc ñònh moät frame trong Scene hoaëc Next, Previous ñeå ñoaïn phim nhaûy ñeán frame thöù nhaát cuûa Scene. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 256
  8. . GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 11 6. Trong trình ñôn Type trong baûng Parameters, choïn moät frame ñeán : Next hoaëc Previous Frame. Frame Number, Frame Label hoaëc Expression cho pheùp baïn xaùc ñònh moät frame. Caùc Expression laø moät phaàn cuûa caâu leänh taïo ra moät giaù trò nhö 1+1. 7. Neáu baïn choïn Frame Number, Frame Label hoaëc Expression trong böôùc 6 cho muïc Frame, baïn haõy nhaäp vaøo soá frame, teân frame hoaëc moät bieåu thöùc (Expression) maø xaùc ñònh ñeán moät soá frame hoaëc teân frame. Caâu leänh sau cho bieát raèng 5 frame ñaàu cuûa frame chöùa caùc action: gotoAndStop(_currentframe + 5); Ñeå bieát theâm thoâng tin chi tieát veà caùch vieát bieåu thöùc cho caùc frame, baïn coù theå tham khaûo muïc ActionScript Help. XEM VAØ DÖØNG ÑOAÏN PHIM Tröø khi baïn ñöôïc höôùng daãn söû duïng neáu khoâng moät khi ñoaïn phim baét ñaàu dieãn hoaït, noù seõ chaïy töøng frame treân thanh thöôùc Timeline. Baïn coù theå ngöøng hoaëc baét ñaàu phaùt ñoaïn phim taïi moät khoaûng thôøi gian naøo ñoù baèng caùch duøng action Play vaø Stop. Ví duï, baïn coù theå ngöøng laïi ñoaïn phim khi noù keát thuùc moät Scene tröôùc khi noù chaïy sang Scene tieáp theo. Khi bò ngöøng laïi, ñoaïn phim baét ñaàu chuyeån ñoäng laïi töø ñaàu duøng leänh Play. Action Play vaø Stop laø nhöõng action ñöôïc duøng thoâng duïng nhaát ñeå ñieàu khieån caùc nuùt trong ñoaïn Movie Clip hoaëc ñieàu khieån thanh thöôùc Timeline. Ñoaïn Movie Clip baïn muoán ñieàu khieån phaûi coù moät teân Instance, phaûi laø Targeted, vaø phaûi hieän haønh treân thanh thöôùc Timeline. Baét ñaàu dieãn hoaït vaø döøng ñoaïn phim: 1. Choïn frame coù Instance laø Button hoaëc Movie Clip maø baïn seõ gaùn action. 2. Choïn trình ñôn Window > Actions ñeå hieån thò baûng Actions. 3. Trong danh saùch Toolbox, baïn haõy nhaáp chuoät vaøo muïc Basic Actions ñeå hieån thò caùc action cô baûn vaø choïn action Stop. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 257
  9. . GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 11 Flash seõ cheøn vaøo moät maõ ActionScript töông töï nhö maõ sau ñaây trong danh saùch Actions: onClipEvent (load) { stop (); } Leänh onClipEvent (load) cho bieát raèng khi ñoaïn phim naïp leân, Flash seõ thöïc hieän leänh chæ daãn stop ñeå döøng ñoaïn phim. Chuù yù : Caùc daáu ngoaëc sau moät action cho bieát raèng ñoù laø moät Method () khoâng coù caùc tham soá hoaëc ñoái soá (Argument). Xem moät ñoaïn Movie Clip: 1. Choïn ñoaïn Movie Clip baïn muoán xem hoaëc choïn nuùt maø baïn muoán ñieàu khieån phaùt laïi (playback). 2. Choïn treân trình ñôn Window > Actions ñeå hieån thò baûng Actions. 3. Trong danh saùch Toolbox, baïn haõy nhaáp chuoät vaøo muïc Basic Actions ñeå hieån thò caùc action cô baûn vaø sau ñoù choïn action Play. Flash seõ cheøn vaøo moät maõ ActionScript töông töï nhö maõ sau ñaây trong danh saùch Actions: on (release) { play (); } Doøng caâu leänh on (release) cho bieát raèng khi nhaû chuoät taïi moät nuùt, Flash seõ thöïc hieän chæ daãn play ñeå phaùt ñoaïn phim. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 258
  10. . GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 11 HIEÄU CHÆNH CHAÁT LÖÔÏNG HIEÅN THÒ CUÛA ÑOAÏN PHIM Cheá ñoä Anti-aliasing ñoøi hoûi boä xöû lyù nhanh hôn ñeå laøm nhaün moãi frame cuûa ñoaïn phim tröôùc khi noù dieãn hoaït trong vuøng maøn hình xem tröôùc vaø sau ñoù noù coù theå phaùt chaäm laïi. Baïn cuõng coù theå laøm cho ñoaïn phim phaùt nhanh hôn baèng caùch taét cheá ñoä Anti-aliasing. Ñeå taét môû cheá ñoä Anti-aliasing cho ñoaïn phim, baïn duøng action Toggle High Quality. Action naøy laøm aûnh höôûng ñeán taát caû caùc ñoaïn phim phaùt laïi trong Flash Player. (Baïn khoâng theå hieäu chænh chaát löôïng hieån thò cuûa moãi ñoaïn phim hoaëc ñoaïn Movie Clip trong Flash Player naøy). Moät action Toggle High Quality ñöôïc gaùn vaøo moät nuùt cho pheùp ngöôøi duøng hieäu chænh chaát löôïng phaùt laïi cuûa ñoaïn phim. Action naøy seõ chuyeån ñoåi cheá ñoä taét môû cheá ñoä Anti- aliasing. Moãi khi baïn nhaáp chuoät vaøo nuùt moät laàn seõ taét hoaëc môû cheá ñoä Anti-aliasing neáu ñoaïn phim dieãn hoaït vôùi chaát löôïng thaáp, nhaáp chuoät trôû laïi moät laàn nöõa thöïc hieän hieäu öùng traùi ngöôïc nhau. Hieäu chænh toác ñoä ñoaïn phim hoaëc chaát löôïng ñoaïn phim phaùt playback: 1. Choïn frame coù Instance laø Button hoaëc Movie Clip maø baïn seõ gaùn action. Choïn moät ñoaïn Movie Clip hieäu chænh toác ñoä ñoaïn phim, choïn moät nuùt hieäu chænh chaát löôïng phaùt laïi cuûa ñoaïn phim. 2. Choïn treân trình ñôn Window > Actions ñeå hieån thò baûng Actions. 3. Trong danh saùch Toolbox, baïn haõy nhaáp chuoät vaøo muïc Basic Actions ñeå hieån thò caùc action cô baûn vaø choïn action Toggle High Quality. Flash seõ nhaäp vaøo ñoaïn maõ töông töï nhö sau vaøo trong danh saùch Action: toggleHighQuality (); TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 259
nguon tai.lieu . vn