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 Giáo trình hình thành tool ứng dụng ngôn ngữ action script cho movieclip hay một frame CAÙCH TAÏO RA CAÙC ÑOAÏN PHIM TÖÔNG TAÙC TOÅNG QUAN VEÀ CAÙCH TAÏO RA CAÙC ÑOAÏN PHIM TÖÔNG TAÙC Trong hoaït caûnh chuyeån ñoäng ñôn giaûn, Flash seõ dieãn hoaït caùc Scene vaø frame moät caùch tuaàn töï. Trong moät ñoaïn Interactive Movie (ñoaïn phim töông taùc), ngöôøi xem coù theå duøng baøn phím, chuoät hoaëc caû hai thieát bò ñeå nhaûy ñeán töøng phaàn cuûa ñoaïn phim, di chuyeån caùc ñoái töôïng, nhaäp vaøo caùc thoâng tin trong caùc daïng thöùc (form) vaø thöïc hieän nhieàu thao taùc töông taùc khaùc. Baïn taïo ra caùc ñoaïn Interactive Movie baèng caùch thieát laäp caùc action (haønh ñoäng). Caùc muïc chæ daãn ñöôïc vieát baèng ngoân ngöõ ActionScript sau ñoù seõ chaïy caùc action naøy khi coù moät söï kieän ñaëc bieät xaûy ra. Caùc söï kieän naøy coù theå kích hoaït moät action nhö laø ñaàu Playhead chaïy ñeán moät frame hoaëc ngöôøi duøng nhaáp chuoät vaøo moät nuùt hoaëc nhaán caùc phím treân baøn phím. Baïn thieát laäp caùc action trong baûng Actions cho moät nuùt (Button), moät ñoaïn Movie Clip hoaëc moät frame. Duøng baûng Actions ñieàu khieån ôû cheá ñoä Normal Mode, baïn coù theå cheøn caùc action maø khoâng caàn phaûi vieát baát kyø caùc caâu leänh ActionScript naøo. Neáu baïn bieát veà caùc ActionScript, baïn coù theå vieát caùc script (taäp leänh) rieâng cho baïn. Caùc muïc höôùng daãn coù theå ôû trong daïng thöùc cuûa moät action ñôn leû nhö vieäc chæ daãn moät ñoaïn phim ngöøng phaùt hay moät loaït caùc action trong ñoù, tröôùc heát phaûi xaùc ñònh moät ñieàu kieän sau ñoù thöïc thi moät action. Nhieàu action ñoøi hoûi phaûi coù moät chuùt kinh nghieäm veà laäp trình môùi coù theå thieát laäp ñöôïc. Caùc action khaùc yeâu caàu baïn phaûi quen thuoäc vôùi moät vaøi ngoân ngöõ laäp trình vaø döï ñònh phaùt trieån action ñoù cao hôn. Ñeå bieát theâm caùc thoâng tin veà vieäc taïo ra caùc action caáp cao, baïn coù theå tham khaûo phaàn ActionScript Help. ÑOÂI NEÙT VEÀ ACTIONSCRIPT Flash duøng ngoân ngöõ ActionScript ñeå theâm söï töông taùc vaøo moät ñoaïn phim. Gioáng nhö ngoân ngöõ laäp trình JavaScript, ngoân ngöõ ActionScript laø moät ngoân ngöõ laäp trình höôùng ñoái töôïng (Object-Oriented Programming Language). Trong script höôùng ñoái töôïng, baïn toå chöùc caùc thoâng tin baèng caùch saép xeáp noù vaøo trong nhieàu nhoùm goïi laø caùc Class (lôùp). Baïn coù theå taïo ra nhieàu Instance trong moät Class goïi laø caùc ñoái töôïng, ñeå söû duïng caùc script cuûa baïn. Baïn coù theå söû duïng caùc Class ñöôïc thieát laäp saün trong ActionScript vaø taïo ra caùc Class rieâng cho baïn. Khi baïn taïo ra moät Class, baïn phaûi xaùc ñònh taát caû caùc thuoäc tính Properties (ñaëc ñieåm) vaø caùc phöông thöùc (Method), haønh vi (Behavior) cho moãi ñoái töôïng Class ñoù taïo ra ñuùng nhö caùc ñoái töôïng trong theá giôùi thöïc ñöôïc ñònh nghóa. Ví duï : Moät ngöôøi coù caùc thuoäc tính Propertie nhö gioáng, chieàu cao, maøu toùc vaø caùc phöông thöùc nhö noùi, ñi vaø neùm. Trong ví duï naøy, "ngöôøi" laø moät Class vaø moãi ngöôøi rieâng leõ laø moät ñoái töôïng hoaëc moät Instance cuûa Class ñoù. Caùc ñoái töôïng trong ngoân ngöõ ActionScript coù theå chöùa döõ lieäu hoaëc chuùng coù theå laø caùc bieåu töôïng ñoà hoïa trong vuøng Stage nhö caùc ñoaïn Movie Clip. Ñeå bieát theâm thoâng tin veà caùc thuaät ngöõ vaø caùch duøng naøy, baïn coù theå xem muïc ActionScript Help. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 240
  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 CAÙCH DUØNG BAÛNG ACTIONS Baûng Actions cho pheùp baïn taïo vaø hieäu chænh caùc action cho moät ñoái töôïng hay moät frame duøng hai cheá ñoä hieäu chænh khaùc nhau. Baïn coù theå choïn caùc action ñöôïc vieát laïi trong danh saùch Toolbox, keùo vaø thaû caùc action vaø duøng caùc nuùt ñeå xoaù hay saép xeáp laïi caùc action naøy. Trong cheá ñoä Normal Mode, baïn coù theå vieát caùc action, söû duïng caùc vuøng tham soá Parameter hay ñoái soá (Argument) maø baïn cho caùc ñoái soá ñuùng. Trong cheá ñoä Expert Mode, baïn coù theå vieát vaø hieäu chænh caùc action tröïc tieáp trong hoäp kyù töï gioáng nhö maõ vieát tay vôùi trình bieân taäp vaên baûn (Text Editor). Ñeå bieát theâm thoâng tin veà vieäc choïn caùc tuøy choïn trong baûng Actions vaø caùch chuyeån ñoåi giöõa caùc cheá ñoä hieäu chænh, baïn coù theå xem muïc caùc chuû ñeà töông öùng trong phaàn ActionScript Help. Hieån thò baûng Actions: Choïn treân trình ñôn Window > Actions. Choïn moät Instance laø frame, nuùt hoaëc moät ñoaïn Movie Clip ñeå kích hoaït baûng Actions naøy. Tieâu ñeà baûng Actions chuyeån ñoåi thaønh Object Actions cho ñoái töôïng ñöôïc choïn laø moät nuùt hoaëc Movie Clip vaø Frame Actions neáu ñoái töôïng choïn laø frame. Choïn cheá ñoä hieäu chænh cho moät action: TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 241
  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 1. Khi baûng Actions hieån thò, baïn haõy nhaáp chuoät vaøo muõi teân taïi goùc phaûi phía treân trong baûng ñeå hieån thò caùc leänh coù trong trình ñôn doïc. 2. Choïn leänh Normal Mode hoaëc Expert Mode coù trong trình ñôn. Moãi script coù moät cheá ñoä rieâng. Chaúng haïn nhö, neáu baïn vieát script cho moät Instance laø nuùt trong Normal Mode vaø caùc Instance khaùc laø Expert Mode, vieäc thay ñoåi caùc nuùt ñöôïc choïn seõ laøm thay ñoåi cheá ñoä hieäu chænh trong baûng naøy. DUØNG BAÛNG ACTIONS TRONG CHEÁ ÑOÄ NORMAL MODE Trong cheá ñoä Normal Mode, baïn taïo ra caùc action baèng caùch choïn caùc action trong danh saùch beân traùi cuûa baûng, goïi laø danh saùch Toolbox. Danh saùch Toolbox goàm coù caùc thö muïc Basic Actions, Actions, Operators, Functions, Properties vaø Objects. Muïc Basic Actions chöùa caùc action ñôn giaûn nhaát trong Flash vaø coù saün trong cheá ñoä Normal Mode. Caùc action choïn ñöôïc lieät keâ beân phaûi cuûa baûng trong danh saùch Actions. Baïn coù theå theâm, xoaù hoaëc thay ñoåi traät töï cuûa caùc caâu leänh action naøy. Ngoaøi ra baïn cuõng coù theå nhaäp vaøo tham soá (ñoái soá) cho caùc action trong baûng Parameters taïi vuøng beân döôùi baûng. Trong cheá ñoä Normal Mode, baïn duøng caùc ñieàu khieån trong baûng Actions ñeå xoaù hoaëc thay traät töï vaø caùc tham soá cuûa caâu leänh. Nhöõng ñieàu khieån naøy ñaëc bieät coù ích cho vieäc quaûn lyù caùc action cuûa frame vaø caùc nuùt coù nhieàu caâu leänh. Choïn moät action : 1. Nhaáp chuoät vaøo moät muïc Actions trong danh saùch Toolbox ñeå hieån thò caùc action trong thö muïc ñoù. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 242
  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. Nhaáp ñuùp chuoät vaøo moät action hoaëc keùo noù vaøo trong danh saùch Actions beân phaûi. Caùch duøng baûng tham soá Parameters: 1. Nhaáp chuoät vaøo bieåu töôïng hình tam giaùc taïi goùc döôùi beân phaûi cuûa baûng Actions ñeå hieån thò baûng Parameters. 2. Choïn moät action vaø nhaäp vaøo nhöõng giaù trò môùi trong hoäp vaên baûn tham soá ñeå thay ñoåi caùc tham soá cuûa action ñang toàn taïi. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 243
  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 Cheøn vaøo moät ñoaïn Movie Clip: 1. Nhaáp chuoät vaøo nuùt Target Path taïi goùc phaûi phía döôùi cuûa baûng Actions ñeå hieån thò hoäp thoaïi Insert Target Path. 2. Choïn moät ñoaïn Movie Clip coù trong danh saùch hieån thò. Choïn moät ñoaïn Movie Clip coù trong danh saùch hieån thò Di chuyeån moät caâu leänh leân hoaëc xuoáng trong danh saùch: 1. Choïn moät caâu leänh coù trong danh saùch Actions. 2. Nhaáp chuoät vaøo caùc nuùt Up hay Down Arrow trong baûng Actions. Xoaù moät action: 1. Choïn moät caâu leänh coù trong danh saùch Actions. 2. Nhaáp chuoät vaøo nuùt Delete (-). TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 244
  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 Thay ñoåi kích thöôùc Toolbox hoaëc danh saùch Actions, baïn coù theå thöïc hieän moät trong nhöõng thao taùc sau: Keùo thanh ngaên caùch ñöùng xuaát hieän giöõa Toolbox vaø danh saùch Actions. Nhaáp ñuùp chuoät vaøo thanh ngaên caùch ñeå thu heïp danh saùch Toolbox, nhaáp ñuùp chuoät vaøo thanh naøy laàn nöõa ñeå hieån thò trôû laïi danh saùch naøy. Nhaáp ñuùp chuoät vaøo thanh naøy laàn nöõa ñeå hieån thò trôû laïi danh saùch Nhaáp chuoät vaøo nuùt Left hoaëc Right Arrow (muõi teân sang traùi hay phaûi) trong thanh ngaên caùch ñeå môû roäng hay thu heïp danh saùch. Khi danh saùch Toolbox bò aån, baïn coù theå vaãn truy caäp caùc muïc cuûa noù baèng caùch duøng nuùt Add (+) taïi goùc traùi beân treân trong baûng Actions. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 245
  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 CHEÁ ÑOÄ EXPERT MODE Trong cheá ñoä Expert Mode, baïn taïo ra caùc action baèng caùch nhaäp caùc ActionScript vaøo trong hoäp kyù töï beân phaûi cuûa baûng hoaëc baèng caùch choïn caùc action töø trong danh Toolbox beân traùi. Baïn coù theå hieäu chænh caùc action, nhaäp vaøo caùc tham soá cho caùc action hoaëc xoaù tröïc tieáp caùc action trong hoäp kyù töï nhö khi baïn taïo ra caùc script trong trình bieân taäp vaên baûn. Cheá ñoä Expert Mode cho pheùp ngöôøi duøng ActionScript cao caáp hieäu chænh caùc script cuûa hoï baèng trình bieân taäp vaên baûn gioáng nhö ngoân ngöõ laäp trình JavaScript hoaëc VBScript. Cheá ñoä Expert Mode khaùc bieät vôùi cheá ñoä Normal Mode trong nhöõng caùch sau ñaây: Choïn moät muïc Item trong trình ñôn xoå xuoáng Add hoaëc danh saùch Toolbox cheøn caùc muïc Item trong vuøng hieäu chænh kyù töï taïi vò trí con troû. Hoäp tham soá khoâng xuaát hieän. Trong baûng nuùt, chæ coù nuùt Add (+) hoaït ñoäng. Caùc nuùt Up vaø Down Arrow khoâng hoaït ñoäng. GAÙN CAÙC ACTION CHO CAÙC ÑOÁI TÖÔÏNG Baïn coù theå gaùn moät action cho moät nuùt hoaëc moät ñoaïn Movie Clip ñeå taïo ra moät haønh ñoäng thi haønh khi ngöôøi duøng nhaáp chuoät vaøo moät nuùt hoaëc cuoän con troû qua noù, hoaëc khi Movie Clip trôû veà hay chaïy ñeán moät frame naøo ñoù. Baïn gaùn action cho moät Instance cuûa moät nuùt hoaëc moät Movie Clip. Caùc Instance khaùc cuûa Symbol ñoù vaãn khoâng bò aûnh höôûng. Khi baïn gaùn moät action cho moät nuùt hoaëc moät ñoaïn Movie Clip, Flash seõ töï ñoäng gaùn moät action ñaëc bieät goïi laø handler (boä ñieàu khieån)— action On Mouse Event cho caùc nuùt hoaëc action On Clip Event cho caùc ñoaïn phim Movie Clip. Moät handler quaûn lyù moät event (söï kieän) theo moät caùch nhaát ñònh vaø chöùa caùc Group cuûa caùc caâu leänh ActionScript coù theå chaïy khi moät event ñaëc bieät xaûy ra. Moãi handler baét ñaàu baèng töø OnClipEvent theo sau moät event trong ñoù handler phaûi traû lôøi. Caùc Event laø caùc action xaûy ra trong khi moät ñoaïn phim ñang dieãn hoaït, chaúng haïn nhö vieäc naïp veà moät ñoaïn Movie Clip, ñaàu Playhead nhaäp vaøo moät frame hoaëc ngöôøi duøng nhaán moät phím treân baøn phím. Baïn coù theå xaùc ñònh söï kieän duøng chuoät (Mouse Event) hoaëc nhaán phím treân baøn phím ñeå kích hoaït action naøy. Ngoaøi ra baïn cuõng coù theå xaùc ñònh event cho ñoaïn Clip kích hoaït caùc action. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 246
  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 Moät khi baïn ñaõ gaùn moät action, toát hôn heát laø baïn neân kieåm tra action naøy xem noù coù hoaït ñoäng hay khoâng. Chæ coù caùc action cho frame ñôn giaûn nhö Go To and Play hoaït ñoäng ôû trong cheá ñoä hieäu chænh (Editing Mode). Caùc chæ daãn moâ taû sau ñaây duøng ñeå thieát laäp caùc action cho caùc ñoái töôïng söû duïng baûng Actions trong cheá ñoä Normal Mode. Ñeå bieát theâm thoâng tin veà caùch duøng baûng Actions trong cheá ñoä Expert Mode, baïn haõy xem laïi muïc “ Cheá ñoä Expert Mode”. Gaùn moät action cho moät nuùt hoaëc moät ñoaïn Movie Clip: 1. Choïn moät Instance laø nuùt hoaëc moät ñoaïn Movie Clip vaø choïn treân trình ñôn Window > Actions. Neáu vuøng choïn khoâng phaûi laø moät Instance nuùt, Instance Movie Clip hoaëc moät frame hoaëc neáu vuøng choïn goàm coù nhieàu ñoái töôïng, baûng Actions seõ bò môø ñi. 2. Trong danh saùch Toolbox beân traùi cuûa baûng, baïn haõy nhaáp chuoät vaøo muïc Basic Actions ñeå hieån thò caùc action cô baûn trong Flash. Ñeå moâ taû caùc action baïn theâm vaøo, baïn coù theå xem muïc “Caùch duøng caùc action cô baûn cho söï töông taùc vaø ñieàu höôùng”. 3. Sau ñoù baïn seõ gaùn moät action, baïn coù theå thöïc hieän moät trong caùc caùch sau ñaây: Nhaáp ñuùp chuoät vaøo moät action trong muïc Basic Actions. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 247
  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 Keùo moät action trong muïc Basic Actions beân traùi sang muïc danh saùch Actions beân phaûi cuûa baûng. Keùo leänh Play trong muïc Basic Actions sang muïc danh saùch Action Keát quaû sau khi keùo leänh Play trong muïc Basic Actions sang muïc danh saùch Action Nhaáp chuoät vaøo nuùt Add (+) vaø choïn moät action coù trong trình ñôn xoå xuoáng. Nhaáp chuoät vaøo nuùt Add coù hình daáu coäng Choïn moät leänh coù trong trình ñôn Basic Action TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 248
  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 Söû duïng phím taét. Neáu baïn choïn moät ñoaïn Movie Clip, Flash seõ töï ñoäng cheøn theâm vaøo action On Clip Event vaø action naøy baïn choïn trong danh saùch Actions. Neáu baïn choïn moät nuùt, Flash seõ töï ñoäng cheøn vaøo moät maõ code On Mouse Event ñeå kích hoaït baát kyø action ñöôïc choïn naøo. 4. Hieån thò baûng Parameters, nhaáp chuoät vaøo bieåu töôïng hình tam giaùc taïi goùc phaûi phía döôùi trong baûng Actions. Choïn action vaø nhaäp vaøo nhöõng giaù trò môùi trong hoäp kyù töï Parameters ñeå thay ñoåi caùc tham soá cuûa caùc action ñaõ coù tröôùc ñoù. Caùc tham soá bieán ñoåi phuï thuoäc vaøo action baïn choïn. Ví duï nhö, tham soá On Clip maëc ñònh laø Load. Baïn coù theå xem muïc “Caùch duøng caùc action cô baûn cho söï töông taùc vaø ñieàu höôùng” ñeå bieát theâm thoâng tin veà caùc tham soá cho caùc action ñöôïc duøng thoâng duïng nhaát. 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. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA BIEÂN SOAÏN : KS PHAÏM QUANG HUY 249
nguon tai.lieu . vn