您的位置:首页 > Web前端 > HTML5

HTML5游戏开发实践之HTML5框架的使用(一)

2016-11-28 16:58 225 查看
        HTML5的跨平台开发和统一标准为开发者提供了巨大的便利,当然还有HTML5框架的出现也为开发者节省了不少麻烦,例如,当你使用了很多的图片,声音效果,和其它的资源,它们会花费一些时间等待浏览器从服务器下载。 如果在编写游戏时, 你不把它放在心上, 你会焦头烂额。 因为图片声音文件是异步加载的,JavaScript代码会在资源全部加载完成前执行。这常常导致"popping"图片不可用,声音效果在需要的时候不播放。正确的的修正方法是创建一个预加载器,延后脚本代码的执行,直到所有的资源都下载完毕为止。
        另一个问题是,你很可能想在不同的机器和不同的浏览器,以不同的速度运行你的游戏。 对此, 当你没有更多做为的时候,你仍要确保动画和移动速帧独立于游戏运行平台。
        实际上, 每个游戏都很多功能性的样板代码。 幸运的是, 这些代码开发者不用自己从头编写。有很多HTML5框架让开发者仅关注游戏逻辑, 而不是去担心这些琐碎的事, 确保游戏顺利运行。
        使用框架唯一需要注意的是, 你有太多选择。 像ImpactJS框架, 皆在帮助开发游戏的方方面面, 而像EaselJS框架主要关注图形处理。 最后还是由你来挑选你认为最舒服的框架。 这些可能让人摸不着头脑, 但在JavaScript世界, 确定了框架往往意味着确定了编程风格。
     ig.module( 
      'monster'
        )
       .requires(
        'impact.game',
       )
       .defines(function(){
 
       Monster = ig.Entity.extend({
         eyes: 42
       });
 
       });

        一个好例子是ImpactJS, 它不仅提供图形显示的抽象或播放声音效果, 也织入了自定义对象和继承模型,如上所示,

        尽管有很多的HTML5游戏现在依赖于某种形式的框架, 很多开发者仍然坚持一路颠簸, 试图重新构建一切。 然而这可能是一个好的学习经验, 但如果你想在合理的时间完成, 使用框架是正确的方法。一个好的例子是, Ascended Arcade 使用 ImpactJS框架, 在三个月中发布了三款有意思的(有些受到好评)游戏。想要了解HTML5游戏开发更多请关注H5edu官网、微信等平台。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐