“轻”谈HTML5小游戏设计理念!

2015-12-26 11:45| 发布者: 蚂蚁大喇叭| 查看: 1861| 评论: 6|来自: 蚂蚁HTML5资讯

摘要: 由于近期主要工作为撰写HTML5小游戏的策划案,使得对这方面的体会日益加深,所以拿出来和大家分享分享一些小游戏的设计经验与方式方法。

  一、导言
  
  由于近期主要工作为撰写HTML5小游戏的策划案,使得对这方面的体会日益加深,所以拿出来和大家分享一下。
  
  基于HTML5开发的小游戏是公司的战略,所以我在这里不会赘述HTML5这个技术的优劣。只是单纯的分享一些小游戏的设计经验与方式方法。
  
  二、HTML5小游戏的特点

  既然要做基于HTML5开发的小游戏,我们就应该了解它具有什么特点和优势。
  
  在以往的开发过程中我们了解到,HTML5小游戏的开发周期较短,扩散性较强,主要通过浏览器呈现内容。这就代表它具有快捷的传播特性,相对于有端手游而言较差的留存,较依赖于网络及相对快捷的体验。这几点特性全部指向一个具有轻量化设计,可快速体验并传播的游戏设计。例如:“神经猫”,“见缝插针”这些易用且扩散性较强的产品。
  
  了解了这些特性我们就可以试着总结一下我们基于HTML5开发的小游戏应具有哪些设计理念。
  
  三、针对HTML5小游戏归结的设计理念
  
  1.我们轻,所以我们快
  
  2G、3G的传播速度和不高的wifi覆盖率强迫我们把HTML5小游戏的体量做小做轻。而这恰恰可以成为优势。轻代表快,信息时代要的就是快。快速的传播可以使小游戏成为信息的载体和吸量的工具。
  
  目前的手游趋势较为偏重度。轻量化的游戏和即用即抛的设计理念可能会成为玩家下一阶段的需求。所以HTML5小游戏的体量越小越好,而规则越简单越好。简单不代表要放弃可玩性,简单是设计理念,换来的是易用性和小体量。例如早些阶段的“打企鹅”,体量小,传播快,易用性强。
  
  2.这是一个看脸的时代
  
  轻代表需要减少美术资源,一个游戏如果缺少了华丽的特效和精美的原画需要如何迎合这个看脸的时代呢?我目前能给出的答案就是,简洁明亮。就好像你没有精致的五官和完美的身材,但至少你要干干净净,昂头挺胸。我们要的是气质。例如“CannonHero”以及“Halos”简单的背景及元素,明亮的角色及场景。这种美术风格营造的效果较为符合“轻”的理念,简单的美术对应简单的玩法,明亮的色调对应易用且轻松的体验。
  
  PS:现阶段,像素是柄利器。
  
  3.隐性关卡设计
  
  传统游戏的关卡设计主要提供给玩家的为目标性,粘稠度。而小游戏对这两者的依赖性较少,较强的关卡概念设计会破坏小游戏对于“轻”的设计理念,使以轻松为主的小游戏玩家变得具有心理负担。但如果一款游戏不具备层次感也是很糟糕的体验,就像玩了一局没有得分的“flappybird”。所以,得分的设计能提升玩家的优越感和些许粘稠,同时也是其他系统设计的判定基础,例如提升游戏难度。
  
  隐性的关卡主要突出的是层次感,很多小游戏都会在你得分到达一定阶段时为你自动更换背景图片的颜色。这样简单的设计及美术资源不会过于增大游戏的体量,同时会让你的体验具有层次感,你会明确的知道你已经进入“下一阶段”,而不是傻傻的在一条没有尽头的路上面奔跑。这样简单的设计会凸显游戏的设计感并且提高体验。“小游戏”不代表它“傻简单”。
  
  4.微成长
  
  小游戏的载体不只是浏览器,还有平台,这略微改善了小游戏较差留存的通病。试想一下,如果你从朋友圈里点击了一个小游戏,升到了十级。当你玩累了关闭浏览器的时候你的数据也随之消失了,这个体验会让玩家很懊恼。我如果需要保存这款小游戏,除了朋友圈能给我提供下载入口之外,我只能通过浏览器的收藏功能收藏网页。这让原本快捷的设计变得又傻又笨。而现阶段很多平台开放了对小游戏的管理,你可以在平台上管理你玩过的小游戏,这使小游戏也可以做一些成长设计增加增加用户粘稠和留存。例如QQ空间里的“愚公移山”。
  
  为什么是微成长?还是那句话,我们要的是“轻“。繁重的成长体系不会增加留存。用户选择小游戏的目的是偏于轻体验的减压,如果追求完整的成长体系,用户会选择有端的手游甚至PC端游戏。
  
  微成长可以是放置类的设计,或者只是积累游戏币购买角色的其他形象,有追求总比没目标要好。
  
  5.操作惯性
  
  小游戏的“轻“使得在玩法设计上偏于没有成功只有失败的设计。例如:“flappy bird”“围住神经猫”等等,玩家要的是分数产出的炫耀。这使小游戏通常走益智或敏捷路线,这种玩法的小游戏操作惯性尤为重要。简单的做法就是在结束界面放一个大大的重新开始按钮,吸引玩家重复挑战。最重要的是游戏的玩法一定要具有挑战性,且耐玩。例如:“Crazy Labs”。在游戏失败时不要做明显的标志性结点,这样会削弱惯性,具体的体验就是这个界面给玩家的感觉是游戏失败而不是游戏结束。
  
  四、这是一个趋势
  
  说了这么多久不太多废话了,趋势就是趋势。腾讯的玩吧,360的HTML5小游戏专题,墨麟,白鹭等等,我不知道这是不是下一个时代,但一定是一个新玩法。


扫描关注蚂蚁HTML5社区官方微信

无语

惊吓

期待

很赞

差劲

相关阅读

发表评论

最新评论

引用 hjy657990995 2018-9-11 14:21
得个币真的好难啊
引用 2sxxs2 2018-1-28 10:52
来看看
引用 wiky 2017-11-14 15:58
666666
引用 瞎叨叨 2017-4-10 19:28
轻”谈HTML5小游戏设计理念!
引用 QQ群521595826 2016-1-10 16:36
【怎么学习HTML】 现在很多小伙伴喜欢在互联网上找视频资料学习HTML,但是光看视频你是不可能学会HTML的,没有人指导你,而且很多视频已经过时了 并没有什么用!  如果你真的想学习HTML这门技术,你可以来这个群【521,595,826】 在这里有最新的HTML课程 免费学习 也有很多人指导你 进步 不需要你付出什么 只要你有一颗学习的心就可以了 不是愿意学习的就不要加了!
引用 蚁一 2015-12-29 09:12
小游戏不好做啊

查看全部评论(6)

热门教程

【教程下载】HTML5移动应用开发入门经典
【教程下载】HTML5移动应用开发入门经典
【HTML5开发教程下载】HTML5移动应用开发入门经典,总共24章,每章一个小时学习时间,
【教程下载】HTML5与CSS3权威指南
【教程下载】HTML5与CSS3权威指南
《HTML 5与CSS 3权威指南》内容系统而全面,详尽地讲解了html 5和css 3的所有新功能和
【教程下载】HTML5游戏开发(全)
【教程下载】HTML5游戏开发(全)
【HTML5游戏开发(全)】本书分为9章。 学习如何绘制游戏对象、绘制动画、加入音频等
关闭

网站推荐上一条 /1 下一条



邮箱:[email protected] QQ:791577401 蚂蚁开源 版权所有

© MUZINIU Inc.小黑屋|手机版|Archiver|Zzfriend

Powered by MuZiNiuX3.2( 豫ICP备12017936号 )

 豫公网安备 41078102000103号

返回顶部