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