基于二維網(wǎng)頁游戲的仿三維畫面研究——藝術教育

 一、網(wǎng)頁游戲
（一）網(wǎng)頁游戲具有巨大的發(fā)展?jié)摿?
網(wǎng)頁游戲（Web Game，AKA，Browser Game，無端網(wǎng)游），又稱Web游戲，是用互聯(lián)網(wǎng)瀏覽器玩的游戲，隨著近年電腦的普及以及類似“開心農(nóng)場”“彈彈堂”等一類網(wǎng)頁游戲的走紅，迅速地推動了網(wǎng)頁游戲的發(fā)展，使之成為網(wǎng)絡游戲的后起之秀。由于不用購買或者下載安裝客戶端，可以隨時在網(wǎng)上盡情游戲，節(jié)約時間，玩起來對電腦硬件的要求也不高，網(wǎng)頁游戲受到很多玩家的青睞。根據(jù)中國網(wǎng)頁游戲論壇的投票調(diào)查，網(wǎng)頁游戲的主要玩家群是上班白領和學生群體，各占60.39%和32.63%。上班白領工作壓力大，玩游戲的時間和精力都很有限?？墒菉蕵泛蜏p緩工作中的壓力需求，對于上班白領來說是不可缺少的。根據(jù)艾瑞發(fā)布的《2007—2008年中國網(wǎng)絡游戲行業(yè)研究報告》的數(shù)據(jù)顯示，中國網(wǎng)絡游戲產(chǎn)業(yè)97%的收入來源于MMOG和MOG游戲；另據(jù)用戶調(diào)查數(shù)據(jù)顯示，有31.2%的用戶喜歡益智類游戲，有25.8%的用戶喜歡策略類游戲，使用這兩類游戲作為核心MMOG和MOG幾乎沒有，這充分說明益智類游戲與策略類游戲并不適合應用于MMOG和MOG游戲，而網(wǎng)頁游戲則是因為其特殊的呈現(xiàn)方式，正好可以實現(xiàn)與MMOG、MOG游戲的互補，從而爭取到熱衷于益智、策略游戲的玩家，填補網(wǎng)游類型的空白，這說明網(wǎng)頁游戲將有不可估量的市場潛力。
（二）網(wǎng)頁游戲與其他客戶端游戲的對比
網(wǎng)頁游戲與其他游戲都有各自的優(yōu)勢與劣勢，網(wǎng)頁游戲由于對電腦配置要求低、不需要安裝、隨時可暢游游戲等是它與其他游戲競爭的優(yōu)勢，但它要想與其他安裝客戶端的游戲相抗衡，必須要解決游戲畫面這一致命缺陷。提高網(wǎng)頁游戲的畫面效果，使其具有強大的視覺沖擊力，是網(wǎng)頁游戲與其他游戲競爭的一個重要因素。
（三）同類型網(wǎng)頁游戲之間的競爭
網(wǎng)頁游戲之間的競爭也是非常激烈的，在網(wǎng)頁游戲市場上，一個好的游戲創(chuàng)意誕生后，馬上就有許多的“山寨”版游戲出現(xiàn)，游戲內(nèi)容、玩法幾乎一模一樣。只是游戲場景、角色、道具等造型不同罷了。它們之間的競爭在哪里呢？那就是游戲畫面了，誰的游戲畫面精致、美觀，誰就能吸引更多的玩家，那么自然就能在市場競爭中占得優(yōu)勢、取得先機，才能在未來的優(yōu)勝劣汰過程中避免被淘汰或者盡可能延長網(wǎng)頁游戲產(chǎn)品的生命周期，才能收回成本并有所收益。網(wǎng)頁游戲現(xiàn)在處于一個瓶頸口，擁擠的網(wǎng)頁游戲市場已經(jīng)讓不少產(chǎn)品質量不夠優(yōu)秀的網(wǎng)頁游戲慘淡地落下了帷幕。所以說游戲畫面也是網(wǎng)頁游戲之間市場競爭的法寶。
二、網(wǎng)頁游戲的畫面效果
具有空間感和立體感、畫面沖擊力強一直以來是網(wǎng)頁游戲設計師所追求的效果，也是吸引網(wǎng)頁游戲玩家的一個重要方面，在2010年網(wǎng)頁游戲排行榜上，前100位游戲里90﹪的游戲畫面具有較強的空間感與立體感。由此看來，制作空間感與立體感較好的畫面成為網(wǎng)頁游戲的發(fā)展方向。但現(xiàn)在網(wǎng)頁游戲所表現(xiàn)的立體效果幾乎都是用二維軟件繪制出來的，制作這樣的畫面需要設計師大量的時間與精力，雖然現(xiàn)在三維軟件技術非常先進，但還不可能把三維軟件使用在網(wǎng)頁游戲中，這都緣于網(wǎng)頁游戲自身的原因。
雖然Flash技術很大程度上解決了一些網(wǎng)頁游戲畫面問題，但它畢竟是一個二維軟件，制作精美的游戲畫面需要大量的圖像文件，然而網(wǎng)頁游戲畢竟是基于網(wǎng)頁瀏覽器上運行的游戲，需要游戲自身的輸出數(shù)據(jù)較小，否則在網(wǎng)頁上無法運行，這就必然約束了我們在游戲中制作精美的游戲角色與游戲場景，更不必說去運行三維效果的游戲了。
畫面的空間感與立體感一直是網(wǎng)頁游戲畫面效果的一個軟肋，以現(xiàn)在的網(wǎng)頁游戲開發(fā)技術，無法解決像三維游戲那樣由于即時渲染而產(chǎn)生龐大的計算數(shù)據(jù)，因此很多游戲采用了制作假三維的畫面效果來增強畫面的空間感與立體感，要達到這種立體與真實的畫面效果是非常不容易的，他們通常是運用一些繪制矢量圖的軟件來制作游戲角色、場景和道具，盡量去減少由大量圖片帶來的龐大數(shù)據(jù)，往往角色的一個動作，需要設計師繪制幾張圖片甚至需要大量的設計人員用大量的工作時間來完成，大大增加了游戲開發(fā)設計周期與費用，并且這種矢量圖的繪制在很大程度上又減弱了畫面的真實感。
MAYA、3Ds MAX、ZBrush等都是非常優(yōu)秀的三維軟件，可以制作出精美的三維畫面效果與流暢的角色動畫，廣泛應用于各個領域，但在游戲方面，其還是主要用于制作帶客戶端的三維游戲，如果用三維軟件去制作網(wǎng)頁游戲，由于沒有兼容的三維引擎，它只能輸出位圖或者是視頻播放文件，這樣的文件數(shù)據(jù)將非常大，在網(wǎng)頁游戲中是無法運行的。那有沒有可能在網(wǎng)頁游戲里也運用三維軟件來制作網(wǎng)頁游戲的角色、場景和道具呢？下面筆者介紹一個自己制作的網(wǎng)頁游戲，是如何將三維軟件制作出來的精美角色、道具與場景用于網(wǎng)頁游戲的，使游戲的畫面具有很強的空間立體感和非常流暢的角色動畫，并且大大縮短游戲的制作時間，并能提高工作效率。
三、網(wǎng)頁游戲仿三維畫面效果的制作
現(xiàn)在養(yǎng)殖類網(wǎng)頁游戲在網(wǎng)上非常流行，有家公司希望在Facebook平臺上使用Flash開發(fā)一個養(yǎng)魚類的網(wǎng)頁游戲，游戲后臺已經(jīng)基本完成，我們主要負責游戲前臺工作，也就是設計與制作游戲角色、場景與道具。但此時的Facebook上已經(jīng)有了3款同樣的游戲，由于玩法新穎，因此有較高的人氣，我們在Facebook體驗了這幾款游戲，通過分析認為：從游戲的內(nèi)容和玩法上很難有大的改進，要想超越這幾款游戲，只能從游戲的畫面上下功夫。從這3款游戲畫面來看基本都是用Flash完成，畫面簡單，空間立體感不夠。魚的游動生硬，基本是只是鰭在動，魚的身體沒有變化，看上去很假，不真實。于是我們決定從這兩個方面去超越他們。
要想得到真實的效果，運用三維軟件來制作是最好的方案，其優(yōu)勢是：1.畫面真實，空間感與立體感好。2.動作流暢。3.制作的模型可以反復利用，節(jié)約制作時間。
但其用于網(wǎng)頁游戲也會遇到一個很大的問題，就是輸出的圖像通過Flash制作成元件后產(chǎn)生的文件大小是否符合要求（公司要求每個魚與道具元件必須控制在60K以內(nèi)），我們測試是否能用三維軟件來制作，我們做出三維模型和調(diào)整動作后，設計了兩種方案測試：一是用三維軟件輸出圖片制作了Flash元件；二是用三維軟件輸出影像制作了Flash元件。
后來發(fā)現(xiàn)影像制作的元件文件太大，無法達到要求，通過圖片制作的元件相對較小，經(jīng)過幾次改進與測試，終于將元件大小控制到了60K以內(nèi)了，并且畫面效果非常不錯，得到了客戶認可。以下是筆者的制作方法。
把制作過程分為兩個部分：第一部分為MAYA部分，主要制作游戲角色的造型和部分動畫；第二部分為Flash部分，主要將MAYA輸出的序列幀圖片進行分割，把由程序控制動作的部分分割出來，并制作出Flash元件，再對元件進行腳本編輯。具體操作如下：
（一）MAYA軟件制作部分
1.建模
對要做的游戲角色、道具創(chuàng)建模型，由于魚的造型差別不大，所以制作出一個基本模型后，只需要對其局部加以修改，就能制作出各種各樣的魚的模型。而且制作模型不必考慮面數(shù)，可以做得非常細致，但制作模型時要注意，要將有Flash腳本控制動作的部分分開來創(chuàng)建。
2.材質
對創(chuàng)建的模型繪制材質貼圖和燈光，由于魚的圖案簡單，我們沒有對魚使用UV貼圖的方法來做，直接用MAYA的RENDERING模塊的3D PAINT TOOL進行繪制，這樣速度更快。
3.動畫
給魚的身體制作動畫，直接用MAYA的ANIMATION里的Deform下的bend命令，進行變形，并且SET KEL，超快就能制作出魚游動時身體的狀態(tài)，而且非常真實。
4.導出序列幀
將制作好的模型渲染輸出成PEN格式的圖片，一般魚游動一個來回11幀就非常流暢了。并且將魚由腳本控制的鰭分開渲染出來，每張圖片大小不超過25K。
（二）Flash軟件制作部分
將輸出的圖片再導入到Flash里面（如果有必要還可以將圖片放到別的圖形處理軟件進行修改再導入到Flash），對需要由腳本控制的部分進行分割，建立不同的元件，將不同元件放到不同的圖層制作出一個完整的輸出的元件，此時每個魚輸出的SWF文件只要不超過60K就可以了，其他的工作就交給游戲程序師來完成。
設計前公司給我們兩個月的時間完成所有的場景、道具和角色，通過這種方法，我們只用了40天就完成了所有工作，比原計劃節(jié)約了三分之一的時間，在效果方面得到了客戶的高度認可和同行的好評。
結語
網(wǎng)頁游戲的主要受眾群體是白領和學生，于是將我們做的游戲（海洋水族館）與發(fā)布在Facebook上的3款同類游戲Happy Aquarium、Fish World、Fishville相比較，在高校教師和學生中做了一個畫面喜愛度人氣對比調(diào)查。結果我們的游戲畫面得到80%的學生的喜愛，得到了大家高度肯定，但由于這款游戲還在公司的內(nèi)測階段，還未能接受市場的真正檢驗，我們期待它的成功。
游戲做完后，我們總結了一下，認為用三維軟件做網(wǎng)頁游戲畫面有如下優(yōu)勢：
1.在畫面效果上。它可以制作精美的、立體感非常強的游戲場景、游戲角色、游戲道具以及游戲界面，豐富網(wǎng)頁游戲的畫面效果。并且可以同時得到不同角度的圖像。
2.在游戲角色動作上。有些游戲角色或者道具的常規(guī)動作可以通過三維軟件完成，用三維軟件動作簡單、真實，并且可以同時得到不同方向的動作序列圖片。
3.在制作時間上。用三維軟件制作畫面比用二維軟件繪制還節(jié)約時間，因為在游戲中經(jīng)常有許多類似的角色和道具造型，并且一個角色還有可能需要幾個不同角度，用三維軟件制作只需要一個模型，稍加修改就可以制作很多造型相似的模型，還可以根據(jù)需要調(diào)整攝像機，就可以馬上得出不同角度的圖像，不像用二維軟件，變換角度就要全部重新繪制，因此在時間上大大地提升了工作效率，縮短了游戲的開發(fā)周期。
用三維軟件制作網(wǎng)頁游戲畫面也不是完美的，它輸出的文件格式和文件大小，仍然在網(wǎng)頁游戲制作中受到約束，相對于用二維軟件繪制的矢量圖，其文件還是太大，在今后的研究中，我們希望能找到一個新的方法解決這一難題。