OGDC2012 Art Style In Game Hang Rong_Mr. Hieu, Luc Hoang
•Download as PPTX, PDF•
1 like•1,045 views
Presentation in OGDC 2012 organized by VNG Corp.
Recommended
Recommended
More Related Content
Viewers also liked
Viewers also liked (11)
More from Buff Nguyen
More from Buff Nguyen (7)
Recently uploaded
Recently uploaded (20)
OGDC2012 Art Style In Game Hang Rong_Mr. Hieu, Luc Hoang
- 1. ART STYLE IN GAMES HÀNG RONG
- 2. 1. Explaining how to create the art style of the Hang Rong game. 2. Introducing tools and technology: how to make animation in games without creating high production costs.
- 3. HÀNG RONG STARTED ON 15/4/2011
- 4. VIEW FROM THE BALCONY FROM THE OPPOSITE SIDE OF THE STREET
- 5. THE FIRST DRAFTS OF THE ART WORK PIXEL ART
- 6. BASED ON THE ACTUAL SOCIETY
- 9. ARTSTYLE COMES FROM THE PERSONALITY, BEHAVIORS AND ANIMATION OF CHARACTERS
- 13. FAIL CHURN USER
- 16. ANIMATIONS MANAGEMENT: SAVING BOTH TIME AND DATA STORAGE WHEN CREATING ANIMATION. VERY EFFECTIVE WHEN SYNCHRONZING 2D MODELS WITH CLOTHES.
Editor's Notes
- Chàocácanhchịvàcácbạn. MìnhxintựgiớithiệumìnhtênlàLụcHoàngHiếu. Hiệntạimìnhlà Senior 2D artist của team FireBattrựcthuộc team HàngRong. Hôm nay mìnhxinchiasẻvớicácanhchịvàcácbạnvềĐồhoạtrong game HàngRong.Trướctiênxinhỏicácanhchịvàcácbạn ở đâycóaichưachơi game HR chưa ?Nếuchưathì hi vọngsaubuổinóichuyệnngàyhôm nay thì game HR lôikéođượcthêm user mới.
- Bàithuyếttrìnhcủamìnhgồmcó 2 phần:Quátrìnhhìnhthànhcủa game HR vềmặtđồhoạ (chiasẻkinhnghiệm, nhữngkhókhănkhilàm game HR)Giớthiệuvớicácanhchịvàcácbạncôngcụvàkỹthuậtlàm animation (chuyểnđộng) trong game HR saochoíttốncôngsứcnhấtvàcũngnhưtiếtkiệm data nhất.Trướctiênmìnhxinđivàophần 1 : Quátrìnhhìnhthànhcủa game HR vềmặtđồhoạ
- Thixinchiasẻvớicácanhchịvàcácbạn, game HR mà team bắtđầulàmvàokhoảnggiũatháng 4 nămngoái (2011) VỚI TIÊU CHÍ làm 1 game, phácách... Mớicáchchơihokgiốngthểloại game SNS nào. Nêncả team làm game cũngphảiliều... Cả art cũngliều... Nhưngchọncáchvễmôphỏngđờithực... ĐểgầngũivớivănhóavànếpsốngcủangườiViệt.Đâylàcácbảnnhápđầutiêncủa HR
- Game HR đượcthiếtkếvớigócnhìncủakhuphốnhưđượcnhìntừbalconlềđườngđốidiện. (gócnhìnđóquenthuộc, đúng ban cônglầu 1 nhìnxuống, vàvớigócnhìnđócóthểthấybaoquátcáchoạtđộngbêndướilềđường)Vìbán HR thìvỉahèlàphầnquantrọngnhấtnênđượcthiếtkếrộng.Mìnhvàcácbạn artist kháccốgắngliênhệthựctếbênngoàivớihìnhảnhtrong game, mangcácnéttinhtế + ngônngữvàocáihồncủamỗinhânvật.
- Đâylà 1 sốcáchìnhảnhphácthảo ban đầucácnhânvậtcủa game . Tiêuchí ban đầucho art style của HR làcácnhânvậtphảidễthương, hàihước. Cho nênmìnhchọnlàmcácnhậnvậtcóđầu to đểdễbiểuhiệncáccảmxúccủanhânvật.Do mìnhtrướcđâychuyênlàm game trên ĐTDĐ thuầnvề Pixel art, địnhhướng ban đầucủamìnhlàlàmcácnhânvậttấtcảbằng Pixel,Nhưng do làm pixel thìcómộtsốkhókhănchoviệclàm animation vềsauchonênmìnhvà team quyếtđịnhkovẽ pixel nhưngápdụngcáchlàm animation màmìnhsẽtrìnhbày ở phầnsauđểgiảmtảilượngcôngviệccho artist cũngnhưtiếtkiệm data.
- Khôngbiếtcácanhchịvàcácbạnchưachơi game HR xem qua mộtsốhìnhảnh ban đầucủathìnhậnthấythếnào? Mộtsốbạnbèngườiquencủamìnhthìchonhậnxéttươngtựnhaulà game HR vừalạmàvừaquen, cáiđồhoạnóngồngộvàcáchchơichảgiốngcái game nàotrướcđâycả.Thứcchấtlạcũngđúngvì game HR theomìnhthấythìchưacó game nàogiốngnhư HR cả, mộtphongcáchkhálàbựa.QuenlànóthuầnViệthoàntoàn, tuổithơcủacácanhchịvàcácbạn ở đâyítnhiềucũngbiếtđếngánh HR ở vỉahè, ở cồngtrườnghọccủamình …Quenlàvìtấtcảcáchìnhảnhtrong game đềudựatrênnhữnghìnhảnhcóthực ở ngoàixãhội, bọnmìnhchỉđemvào game, cáchđiệuchúngmộtchútmàthôi.ĐâylàhìnhảnhcủachợĐầuMốitrong game hoànthànhsau 1 chuyếnđithựctếkhibịbícủaanhem artist tạichợHoàHưngtrênđường THT.Cácbạncũngcóthểthấyhìnhảnhcháyxe, một chi tiếtthờisựđược HR dídỏmđưavàotrong game.
- ĐâylàhìnhảnhcủachợĐầuMốitrong game hoànthànhsau 1 chuyếnđithựctếkhibịbícủaanhem artist tạichợHoàHưngtrênđường THT.Cácbạncũngcóthểthấyhìnhảnhcháyxe, một chi tiếtthờisựđược HR dídỏmđưavàotrong game.
- Thêm 1 cáiquenđónữalà HR đemcácngônngữđờithườngđặcbiệtlàngônngữkiểutuổi teen vào game (vìđaphần user chơi game HR đềutuổi teen). Nómanglạisựgầngũivàdídỏm.Vídụnhư MAXXIMAX => MắcsiêuMắc …Highland => Highsand cafe
- Artstylecủa game khôngchỉgóigọntronghìnhảnhmàcònthông qua ngôntừ, behavior, animcủanhânvật.Nếucácanhchịvàcácbạnchơi game, khi sang nhàhàngxómthìnhânvậtđạiđiệncủahàngxómsẽradomnói 1 câunói + 1 animation dídỏm, cácbạnthựchiệncáctươngtácnhưhun, bắtnạt, an ủi … thìsẽcócác animation khácnhau. Nếulàlầnđầuchơi game, bạnsẽthửđủkiểutươngtácđểxem 2 nhânvậtlàbạnvàhàngxómsẽlàmgìvànóigìvàphìcười. Cáinàymìnhsẽkhôngnóirõđểcácanhchịvàcácbạnnàomàchưathủchơi HR vềmở game chơithửsẽthấyvàtrảinghiệm.
- cáchvễmôphỏngđờithực... ĐểgầngũivớivănhóavànếpsốngcủangườiViệt.
- Tiếptheomìnhxinchiasẻvớicácanhchịvàcácbạn 1 sốkinhnghiệmvàkhókhănmắcphải.Đólà do muốnlàmcái game hổnggiốngai, team HR đãthửnghiệmbắt user phảihoàntoàntươngtáctrựctiếptrong game màkhôngthông qua bấtkìNútbấm hay thanhtácvụnàotrong game. Tứclàmúnđichợthìbạncóchiếcxecúp. Hãynhấnvàochiếcxevàchọnđichợ. Tớichợrồithìvàochợvàmuahàng. Sauđóthoátkhỏichợvàchọnchiếcxeđểlênxechởhàngvềnhàbán… Tấtcảđềukhônghiểnthịmộtnútbấmnào ở ngoaìmànhìnhchính. Team mún game giốngngoàithứcnhấtcóthểnhằmđemlại 1 cảmgiácmớichongườichơi. (tai sao) (SNS thếhệthứ 2, ngườichơihóathânthànhnhânvậttrong game vàtươngtácvớicácthànhphầntrong game, chứkhônggiốngnhư game farm, ngườichơingồingoàivàlàmcácthaotác thong qua cácthanhtácvụ)
- Tuynhiênsauthờigiantungrabảnthửnghiệmthìkếtquảkonhưmongđợi. Rấtnhiều user vàochơinhưngkhôngbiếtphảichơinhưthếnào, bắtđầutừđâu. Thêmnữalúcmộtphầnlúcđóchưacóphầnhướngdẫn ban đầuchơi game nênlượng user bỏ game saukhivào game khôngbiếtphảilàmgìkháđông.
- Cáchgiảiquyếtcủa team đólàvẫngiữcáctươngtáctrựctiếpcủangườichơilêncác object trong game đồngthờiđưacácnútbấm, thanhtácvụvào game. Thêmhệthốngnhiệmvụtânthủđểngườichơimớivàolàmcácthaotáccơbảndầnquenvớicáchchơi.
- Tiếptheoxingiớithiệucácanhchịvề animation trong game HR. Nếucácbạnchơi qua game HR thìsẽthấy animation trong game khálàđadạngvàhómhỉnh.
- Thìcáchlàm animation màmìnhsắptrìnhbàysauđâyhiệntạimìnhápdụngcho HR tiếtkiệmđượckhánhiềuthơigiacôngsứccho artist cũngnhư dung lượng data lưutrữđểđápứngnhucầulàmnhiều animation nhưtrong HR.Việcthayđổigiaodiệncủanhânvậtnhanhchóngmàkhôngảnhhưởngtớicác animation củanhânvật.Nhưđãtrìnhbày ở phầntrướcvớicácanhchịvàcácbạnthìtrướcđâymìnhlàm game trên ĐTDĐ nênkhilàm HR mìnhhầunhưcũngdựatrêncáchlàmcho ĐTDĐ. Mà game ĐTDĐ chủyếutrênnên pixel. Nhưngnếulàm pixel chonhânvậtthìphảihoàntoànthuần pixel => lượngvẽcácdiễnhoat (frame) sẽrấtnhiều. Chưakểcácanhchịvàcácbạnđãchơi game HR thìsẽthấy, áoquầngiàydépmũ … trong HR khálànhiều. Mànếuvẽhếtthìanhemhoạsĩsẽkođápứngđượcvềthờigian, chưakểvẽnhiềuquásinhraứcchế. Do đó team đãkochọncáchvẽ pixel màvẫnvẽtheochuẩn RGB.
- Côngcụchínhđểlàm animation của HR đólàPixmar do team tựlàm. Giaodiệnpixmarcũngkhálàđơngiảnmàđemlạihiệuquảcao.Tấtcảcác game củaFirebatđềudửdụngpixmar.Pixecó 3 tab cơbảnlà Module (tạocác module) Tab Frame (lắpghépcác module) Animation (Ghépcác Frame tạothành animation)
- LợithếcủaPixmarđólàsửdụng Free Transform (nômnalàtự do xoay, kéogiản, phóng to, thunhỏv.v…) màchấtlượngảnhkobịgiảmnhiều, theomìnhthấycòngiữlạiđược 90-95%.VD nếubạnlấy 1 hìnhảnhgìmàxoaytrong PTS thìảnhsẽbịbể, xoaycàngnhiềuthìcáihìnhsẽcàngnátbét, nhưngPixmarhạnchếđượcđiềuđó. Nhưcácbạnthấy, đâylàcáchlàm animation củamình. Cácbộphậncủanhânvậtđượcchialàmnhiềubộphận. Nhiều file hìnhkhácnhau (đầu 1 file, tóc 1 file, tay 1 file, chấn 1 file v.v…) sauđómìnhdùngPixmar, load tấtcảcáchìnhđólên. Tạochochúngthànhcác module riêngbiệt.Cácanhchịvàcácbạnxemđầumìnhtaychânmìnhchỉvẽ 1 bộphậnduynhất, sauđódùngpixmarráplạivớinhau. Nhờ free transform màmìnhcóthểchọncánhtayxoay ở mọigócđộ. (Cácbạncứtưởngtượngnhưphimhoạthìnhgiấyngàyxưacủa VN ngàyxưa, cứtạotừngframtừngfram, sauđótạothành animation)
- Tiếptheo, mìnhxintrìnhbàyvớicácanhchịvàcácbạnvề 1 cáchlàmmìnhđangápdụngtrong HR đólà Module mapping. Cáchlàmnàynhưmìnhđãtrìnhbàytrênđólàlắprápcácbộphận (tứccác module) tạivớinhautạothành 1 framtrongchuỗichuyểnđộng.Ngoàiracáchlàm module mapping hiệuquảkhiápdụngchoviệcthayđổidiệnmạocủanhânvậtvóidklà form (khungxương) củanhânvậtphảitươngtựnhau. Điểnhìnhtronghàngronglàthayquầnáo, cắttóc, sửamặtmũi.Nhưcácanhchịvàcácbạnthấy, hìnhcơbảncủa NV HR komặcquầnáovớicác module đầummìnhtaychân ..vv thìkhimúnthayđồcho NV artist HR chỉviệctạo 1 file mớiđápquầnáolên . Sauđólàcôngviệccủacácbạn DEV load các module thaythếtươngứnglên => 1 NV mớinhưngvẫngiữnguyêncác animation màkophảichỉnhgìcả. TiếtkiệmrấtnhiềuthơigianchoviệclàmAnimvàlượnghìnhảnhphảivẽ, tránhphình data.Nhưngđồngthờiviệcnàycũngcó 1 nhượcđiểmđólàbạnphảitínhtoántrướctấtcảcáctrườnghợpcóthểxảyrakhinhânvậtmặcđồ. VD vềcáinónlá, cánhchim …