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

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