基于二维网页游戏的仿三维画面研究——艺术教育

 一、网页游戏
（一）网页游戏具有巨大的发展潜力
网页游戏（Web Game，AKA，Browser Game，无端网游），又称Web游戏，是用互联网浏览器玩的游戏，随着近年电脑的普及以及类似“开心农场”“弹弹堂”等一类网页游戏的走红，迅速地推动了网页游戏的发展，使之成为网络游戏的后起之秀。由于不用购买或者下载安装客户端，可以随时在网上尽情游戏，节约时间，玩起来对电脑硬件的要求也不高，网页游戏受到很多玩家的青睐。根据中国网页游戏论坛的投票调查，网页游戏的主要玩家群是上班白领和学生群体，各占60.39%和32.63%。上班白领工作压力大，玩游戏的时间和精力都很有限。可是娱乐和减缓工作中的压力需求，对于上班白领来说是不可缺少的。根据艾瑞发布的《2007—2008年中国网络游戏行业研究报告》的数据显示，中国网络游戏产业97%的收入来源于MMOG和MOG游戏；另据用户调查数据显示，有31.2%的用户喜欢益智类游戏，有25.8%的用户喜欢策略类游戏，使用这两类游戏作为核心MMOG和MOG几乎没有，这充分说明益智类游戏与策略类游戏并不适合应用于MMOG和MOG游戏，而网页游戏则是因为其特殊的呈现方式，正好可以实现与MMOG、MOG游戏的互补，从而争取到热衷于益智、策略游戏的玩家，填补网游类型的空白，这说明网页游戏将有不可估量的市场潜力。
（二）网页游戏与其他客户端游戏的对比
网页游戏与其他游戏都有各自的优势与劣势，网页游戏由于对电脑配置要求低、不需要安装、随时可畅游游戏等是它与其他游戏竞争的优势，但它要想与其他安装客户端的游戏相抗衡，必须要解决游戏画面这一致命缺陷。提高网页游戏的画面效果，使其具有强大的视觉冲击力，是网页游戏与其他游戏竞争的一个重要因素。
（三）同类型网页游戏之间的竞争
网页游戏之间的竞争也是非常激烈的，在网页游戏市场上，一个好的游戏创意诞生后，马上就有许多的“山寨”版游戏出现，游戏内容、玩法几乎一模一样。只是游戏场景、角色、道具等造型不同罢了。它们之间的竞争在哪里呢？那就是游戏画面了，谁的游戏画面精致、美观，谁就能吸引更多的玩家，那么自然就能在市场竞争中占得优势、取得先机，才能在未来的优胜劣汰过程中避免被淘汰或者尽可能延长网页游戏产品的生命周期，才能收回成本并有所收益。网页游戏现在处于一个瓶颈口，拥挤的网页游戏市场已经让不少产品质量不够优秀的网页游戏惨淡地落下了帷幕。所以说游戏画面也是网页游戏之间市场竞争的法宝。
二、网页游戏的画面效果
具有空间感和立体感、画面冲击力强一直以来是网页游戏设计师所追求的效果，也是吸引网页游戏玩家的一个重要方面，在2010年网页游戏排行榜上，前100位游戏里90﹪的游戏画面具有较强的空间感与立体感。由此看来，制作空间感与立体感较好的画面成为网页游戏的发展方向。但现在网页游戏所表现的立体效果几乎都是用二维软件绘制出来的，制作这样的画面需要设计师大量的时间与精力，虽然现在三维软件技术非常先进，但还不可能把三维软件使用在网页游戏中，这都缘于网页游戏自身的原因。
虽然Flash技术很大程度上解决了一些网页游戏画面问题，但它毕竟是一个二维软件，制作精美的游戏画面需要大量的图像文件，然而网页游戏毕竟是基于网页浏览器上运行的游戏，需要游戏自身的输出数据较小，否则在网页上无法运行，这就必然约束了我们在游戏中制作精美的游戏角色与游戏场景，更不必说去运行三维效果的游戏了。
画面的空间感与立体感一直是网页游戏画面效果的一个软肋，以现在的网页游戏开发技术，无法解决像三维游戏那样由于即时渲染而产生庞大的计算数据，因此很多游戏采用了制作假三维的画面效果来增强画面的空间感与立体感，要达到这种立体与真实的画面效果是非常不容易的，他们通常是运用一些绘制矢量图的软件来制作游戏角色、场景和道具，尽量去减少由大量图片带来的庞大数据，往往角色的一个动作，需要设计师绘制几张图片甚至需要大量的设计人员用大量的工作时间来完成，大大增加了游戏开发设计周期与费用，并且这种矢量图的绘制在很大程度上又减弱了画面的真实感。
MAYA、3Ds MAX、ZBrush等都是非常优秀的三维软件，可以制作出精美的三维画面效果与流畅的角色动画，广泛应用于各个领域，但在游戏方面，其还是主要用于制作带客户端的三维游戏，如果用三维软件去制作网页游戏，由于没有兼容的三维引擎，它只能输出位图或者是视频播放文件，这样的文件数据将非常大，在网页游戏中是无法运行的。那有没有可能在网页游戏里也运用三维软件来制作网页游戏的角色、场景和道具呢？下面笔者介绍一个自己制作的网页游戏，是如何将三维软件制作出来的精美角色、道具与场景用于网页游戏的，使游戏的画面具有很强的空间立体感和非常流畅的角色动画，并且大大缩短游戏的制作时间，并能提高工作效率。
三、网页游戏仿三维画面效果的制作
现在养殖类网页游戏在网上非常流行，有家公司希望在Facebook平台上使用Flash开发一个养鱼类的网页游戏，游戏后台已经基本完成，我们主要负责游戏前台工作，也就是设计与制作游戏角色、场景与道具。但此时的Facebook上已经有了3款同样的游戏，由于玩法新颖，因此有较高的人气，我们在Facebook体验了这几款游戏，通过分析认为：从游戏的内容和玩法上很难有大的改进，要想超越这几款游戏，只能从游戏的画面上下功夫。从这3款游戏画面来看基本都是用Flash完成，画面简单，空间立体感不够。鱼的游动生硬，基本是只是鳍在动，鱼的身体没有变化，看上去很假，不真实。于是我们决定从这两个方面去超越他们。
要想得到真实的效果，运用三维软件来制作是最好的方案，其优势是：1.画面真实，空间感与立体感好。2.动作流畅。3.制作的模型可以反复利用，节约制作时间。
但其用于网页游戏也会遇到一个很大的问题，就是输出的图像通过Flash制作成元件后产生的文件大小是否符合要求（公司要求每个鱼与道具元件必须控制在60K以内），我们测试是否能用三维软件来制作，我们做出三维模型和调整动作后，设计了两种方案测试：一是用三维软件输出图片制作了Flash元件；二是用三维软件输出影像制作了Flash元件。
后来发现影像制作的元件文件太大，无法达到要求，通过图片制作的元件相对较小，经过几次改进与测试，终于将元件大小控制到了60K以内了，并且画面效果非常不错，得到了客户认可。以下是笔者的制作方法。
把制作过程分为两个部分：第一部分为MAYA部分，主要制作游戏角色的造型和部分动画；第二部分为Flash部分，主要将MAYA输出的序列帧图片进行分割，把由程序控制动作的部分分割出来，并制作出Flash元件，再对元件进行脚本编辑。具体操作如下：
（一）MAYA软件制作部分
1.建模
对要做的游戏角色、道具创建模型，由于鱼的造型差别不大，所以制作出一个基本模型后，只需要对其局部加以修改，就能制作出各种各样的鱼的模型。而且制作模型不必考虑面数，可以做得非常细致，但制作模型时要注意，要将有Flash脚本控制动作的部分分开来创建。
2.材质
对创建的模型绘制材质贴图和灯光，由于鱼的图案简单，我们没有对鱼使用UV贴图的方法来做，直接用MAYA的RENDERING模块的3D PAINT TOOL进行绘制，这样速度更快。
3.动画
给鱼的身体制作动画，直接用MAYA的ANIMATION里的Deform下的bend命令，进行变形，并且SET KEL，超快就能制作出鱼游动时身体的状态，而且非常真实。
4.导出序列帧
将制作好的模型渲染输出成PEN格式的图片，一般鱼游动一个来回11帧就非常流畅了。并且将鱼由脚本控制的鳍分开渲染出来，每张图片大小不超过25K。
（二）Flash软件制作部分
将输出的图片再导入到Flash里面（如果有必要还可以将图片放到别的图形处理软件进行修改再导入到Flash），对需要由脚本控制的部分进行分割，建立不同的元件，将不同元件放到不同的图层制作出一个完整的输出的元件，此时每个鱼输出的SWF文件只要不超过60K就可以了，其他的工作就交给游戏程序师来完成。
设计前公司给我们两个月的时间完成所有的场景、道具和角色，通过这种方法，我们只用了40天就完成了所有工作，比原计划节约了三分之一的时间，在效果方面得到了客户的高度认可和同行的好评。
结语
网页游戏的主要受众群体是白领和学生，于是将我们做的游戏（海洋水族馆）与发布在Facebook上的3款同类游戏Happy Aquarium、Fish World、Fishville相比较，在高校教师和学生中做了一个画面喜爱度人气对比调查。结果我们的游戏画面得到80%的学生的喜爱，得到了大家高度肯定，但由于这款游戏还在公司的内测阶段，还未能接受市场的真正检验，我们期待它的成功。
游戏做完后，我们总结了一下，认为用三维软件做网页游戏画面有如下优势：
1.在画面效果上。它可以制作精美的、立体感非常强的游戏场景、游戏角色、游戏道具以及游戏界面，丰富网页游戏的画面效果。并且可以同时得到不同角度的图像。
2.在游戏角色动作上。有些游戏角色或者道具的常规动作可以通过三维软件完成，用三维软件动作简单、真实，并且可以同时得到不同方向的动作序列图片。
3.在制作时间上。用三维软件制作画面比用二维软件绘制还节约时间，因为在游戏中经常有许多类似的角色和道具造型，并且一个角色还有可能需要几个不同角度，用三维软件制作只需要一个模型，稍加修改就可以制作很多造型相似的模型，还可以根据需要调整摄像机，就可以马上得出不同角度的图像，不像用二维软件，变换角度就要全部重新绘制，因此在时间上大大地提升了工作效率，缩短了游戏的开发周期。
用三维软件制作网页游戏画面也不是完美的，它输出的文件格式和文件大小，仍然在网页游戏制作中受到约束，相对于用二维软件绘制的矢量图，其文件还是太大，在今后的研究中，我们希望能找到一个新的方法解决这一难题。