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官网、微信等平台。
另一个问题是,你很可能想在不同的机器和不同的浏览器,以不同的速度运行你的游戏。 对此, 当你没有更多做为的时候,你仍要确保动画和移动速帧独立于游戏运行平台。
实际上, 每个游戏都很多功能性的样板代码。 幸运的是, 这些代码开发者不用自己从头编写。有很多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官网、微信等平台。
相关文章推荐
- 基于MVC4+EasyUI的Web开发框架经验总结(5)--使用HTML编辑控件CKEditor和CKFinder
- (转)基于MVC4+EasyUI的Web开发框架经验总结(5)--使用HTML编辑控件CKEditor和CKFinder
- Web前端开发最佳实践(5):正确闭合HTML标签,停止使用不标准的标签和属性
- 【FastDev4Android框架开发】AndroidAnnnotations注入框架使用之最佳实践SharedPreferences(十七)
- 基于Metronic的Bootstrap开发框架经验总结(17)-- 使用 summernote插件实现HTML文档的编辑和图片插入操作
- HTML 5游戏开发框架使用建议
- 基于MVC+EasyUI的Web开发框架经验总结(5)--使用HTML编辑控件CKEditor和CKFinder
- Web前端开发最佳实践(5):正确闭合HTML标签,停止使用不标准的标签和属性
- 【FastDev4Android框架开发】AndroidAnnnotations注入框架使用之最佳实践之Adapters和lists(十六)
- HTML 5游戏开发注意框架的使用
- 使用Sencha Touch 2MVC框架内嵌html开发
- WebService开发(二) 如何使用Soap扩展 http://www.cnblogs.com/wayne-ivan/archive/2007/06/19/788541.html
- asp.net控件开发技巧(1)使用HtmlTextWriter类规范输出标签
- 使用富盛Sbo-Addon程序开发框架轻松开发模态单据选择查询功能实例
- 使用Mootools开发JavaScript单元测试框架
- 使用J2ME技术开发RPG游戏(一)——程序框架
- 使用J2ME技术开发RPG游戏(一)——程序框架
- 使用J2ME技术开发RPG游戏(一)——程序框架
- php使用fleaphp框架做开发。
- Idea7 开发webservice例子图解(使用cxf框架,tomat5.5,jdk1.5)