您当前的位置:首页 > 学习专区 > JAVA技术

HTML5游戏开发需要注意哪些

时间:2017-04-11 09:13:09    作者:严老师

  HTML5是现在比较火的一门技术,用于生活中各行各业,今天主要跟大家说说H5在游戏开发的时候需注意的事情。
  一、设备屏幕尺寸的不同。
  由于HTML5既能在PC端使用,也能在手机端使用,所以在屏幕尺寸上一定要注意。如果你想要让你的H5页面在移动设备上发挥很好的效果,就要保证它支持不同分辨率的屏幕。由于大多数的移动设备无法在一个屏幕上显示所有的页面内容,他们常常采用精确的缩放和平移技术,而这些技术通常并不适用于游戏的编写。可以在编程的时候使用viewport meta标志禁用这些功能。移动浏览器上的缩放功能常常与触控游戏控制功能产生冲 突,可以将“user-scaleable”参数设置为“no”,从而禁用浏览器的缩放功能。
  二、用户输入。
  现在的一般都是触屏设备了,都有一个虚拟键盘,但是对于游戏玩家,用虚拟键盘真的太不方便了,所以就要开发一个有限的虚拟键盘,只提供游戏中使用到的按键(比如箭头)。当然,最好是尽可能在游戏中不需 要使用额外的元素。Spy Chase在这方面做得很好,用户只用一个手指就能控制游戏中的汽车了。

timg (2).jpg


  三、框架。
  现在有许多的游戏模板代码,里面实现了大多数游戏需要的功能。这样,开发者不需要从头到尾编写一个完整的游戏程序。现在有许多框架可以帮助开发者设计游戏,开发者只用关注具体的游戏逻辑,而不用担心如何使游戏顺畅运行这些细节问题。
  使用框架时唯一需要注意的一点就是如何从众多的框架中挑选一个合适的框架。像ImpactJS这样的框架功能非常强大,几乎可以在各个 方面为开发者提供帮助;而像EaselJS的框架则主要是处理图形方面的工作。最后,还是需要由开发者决定使用哪种框架更加合适。这看起来似乎很简单,但 在JavaScript的世界里面,选择一个框架时也意味着你选择了一种特定的编程风格。
  functionsaveState(state) {
  window.localStorage.setItem("gameState", JSON.stringify(state));
  }
  functionrestoreState() {
  varstate =window.localStorage.getItem("gameState");
  if(state) {
  returnJSON.parse(state);
  }else{
  retrun null;
  }
  }
  Monster=ig.Entity.extend({eyes : 42});});ImpactJS就是一个很好的例子,它不仅提供了图像显示和音效处理的方法,还在实现中插入了自己的对象和模型。
  虽然现在已经有很多HTML5游戏使用了一些框架,但是还是有很多开发者不嫌麻烦地选择不依赖任何框架完全自己开发。如果你想在合理的时间内完 成任务,使用框架当然是最有效的方法。
  四、保存玩家状态。
  玩游戏的时候保存状态是非常重要的,万一断电或者断网什么的,就会一切回到起点,那就很失望了。所以说,在用H5编写游戏的时候,一定要经常去保存玩家的游戏状态。
  但是,玩家的记录应该保存到哪里呢?以往都是保存在服务器的数据库或者客户端的cookie,但是如果存在服务器会产生额外的HTTP请求开销。如果是cookie的话,则可以保存记录的空间非常有限,并且cookie的寿命取决于浏览器的配置。
  一个更有效的方法就是使用HTML5 DOM storage。DOM Storage提供了一个key-value存储(或是JavaScript定义的对象)的接口,可以为每个网站保存几兆的数据。使用起来非常方便,但是 在HTML5游戏中,你可能想要记录一些更加复杂的数据结构——这些DOM storage本身可能并不支持。幸运的是,现在的JavaScript提供了一套机制帮助开发者将一组对象压缩成一些紧凑的符号,这就是JSON机制。 使用这套机制,DOM storage可以保存任何格式的信息。下面的两个函数展示了如何使用HTML5 DOM storage保存游戏状态以及ECMAScript5中的JSON功能:
  functionsaveState(state) {
  window.localStorage.setItem("gameState", JSON.stringify(state));
  }
  functionrestoreState() {
  varstate =window.localStorage.getItem("gameState");
  if(state) {
  returnJSON.parse(state);
  }else{
  retrun null;
  }
  }
  应用H5技术来开发游戏还是很不错的,但是大家肯定会遇到很多的问题,例如以上。希望大家遇到问题都能够沉着面对,冷静的想出解决的办法。

推荐资讯
UI设计师
UI设计师
JAVA软件工程师课程
JAVA软件工程师课程
.NET软件工程师课程
.NET软件工程师课程
软件开发工程师课程
软件开发工程师课程
相关文章
    无相关信息
栏目更新
栏目热门