四种常用HTML5游戏开发应用框架的比较-筑龙博客
这家伙没有什么简介。
这家伙什么标签都没有呢。
四种常用HTML5游戏开发应用框架的比较
　　对于Mobile Web来说，现在是快速成长时代。由于采用了HTML5和CSS3技术，移动浏览器的性能加强了许多，同时，移动app的框架也扩展了，这意味着为移动设备创建丰富的互动的web体验的可行性又提升了。　　本文通过对四种常用的框架进行比较，看看新技术带来了哪些改变。　　采用诸如PhoneGap这样的封装软件，您就可以使用native app Store以及单个代码库，就可以分布式部署iPhone，iPad和Android等不同的目标平台了。　　对于Mobile Web的开发人员来说，切换框架代价很高：因为动画的转换，工具栏，按钮，列表的显示，以及线下存储等都很麻烦。因为大部分上述功能都是新技术，以及这些领域的技术还在迅速地改变。作者玩转了许多Mobile Web的框架并且对它们进行了分析比较，下面将为您讲解他的研究发现。　　jQTouch　　jQTouch易用性强，相关文档也很全面。它的特色是在 使用HTML,CSS和JavaScript创建iPhone App方面拥有出色的能力。jQTouch使用渐进增强的方案，在您相应的HTML顶层来实现像iPhone那样的用户体验。它简单易用，提供了一个基础的小工具集以及动画方案，开发人员只需要编程控制其动态行为即可。　　不过在作者的简单测试中发现app的性能存在一定的问题，页面在转换时可能出现跳转或者缺失的情况，以及在响应tap事件的时候还有周期性延迟。该项目在技术上还活跃着，不过原作者的进展和部署都显得太慢了。　　只需要遵守MIT的license许可就可以使用jQTouch了，MIT lic是作者最喜欢的开源许可之一。　　jQueryMobile　　jQuery Mobile是这个领域的新丁，2010年8月才正式宣布成立，但是已经迅速进展到功能丰富的阿尔法2测试版本了。jQuery Mobile跟jQTouch相比很相似，但是更加标准，更有适应性，感觉很像jQTouch的后继版本，对用户接口和style的支持范围更加宽广了。　　jQuery Mobile的性能是不稳定的，(虽然比jQTouch好一些)特别是在响应TAP事件的动画延迟补偿的时候。此外，还缺少一些关键的程序hook，所以不能轻松地让app更加具有动态性能。例如：当一个页面启动的时候事件触发了，这时候却无法通知响应的代码页面将转向哪个用户接口，也不能传递附加的信息给处理模块。针对上述问题，创建工作区来解决还是可行的，但是在这里作者希望其将来的版本能从jQTouch那里学习一下，并把现在的功能缺陷处理掉。　　jQuery Mobile的相关文档资料很零散但是有所改进，作者很希望它们能变得像核心jQuery库那样具有鲁棒性。(请注意，jQuery Mobile是和jQuery UI相辅相成的，并不是建在单纯jQuery之上的)　　想获得jQuery Mobile只需获得MIT或者GPL2 license。　　Sencha Touch　　这是个与Ext JS框架完全不同的产物，其方案与jQTouch/jQuery完全不同：Sencha生成自己的DOM(基于用JavaScript创建的对象)代替了先前存在的HTML增强方式。如此，使用Sencha工作的感觉不像是web编程，而更像是使用Java或者Flex等技术来做app的样子。比起jQuery来，Sencha的感觉更像是YUI。作者个人比较偏好渐进增强的方案，尽管其性能还真有些不尽人意的地方。　　sencha跟其竞争对手们相比，扩展性强了很多：它拥有大量的用户接口组件，直接的iPad支持，拥有JSON和HTML5线下存储技术使得存储和数据绑定更加方便。(使用Sencha的数据结构来操作app的数据十分酷~它可以实时响应列表的更新)此外，Sencha还是唯一在工具栏上支持内嵌的对象支持，其他方式都是滚轮列表的样子。　　在作者的测试程序中，使用Sencha与jQTouch/jQuery相比，虽然app很明显地不那么轻量级，但是其性能和可靠性方面明显提高了，不过其初始化加载时间略慢。　　当您使用库library或者框架frame进行开发的时候，不遵守框架或者用你自己的方式通常都不会获得成功。但Sencha的支持范围足够宽广，这意味着您可以使用Sencha的开发方式来实现任何需求。作者最开始用的是WebKit的内嵌SQLite数据库来做线下存储，但是最终还是因为其复杂性和各种bug问题的烦恼而放弃了，转而使用了Sencha数据存储的功能。　　在文档方面，Sencha做的不太好，虽然很广泛，但是又有很多旧版本的老漏洞没有及时更新，作者就在这些框架中与bug作斗争，调试过程浪费了很多时间，因为文档不够健全，很多问题难以追踪或理解。而在开发者论坛响应作者提问的频率还算较高，不过最终感觉还是不太够。Sencha提供的付费技术支持起价是$300每年，作者很强烈地打算付费了，但是Sencha的回应是很好奇地打听为啥这么急着给他们送钱，真搞不懂。　　获取Sencha需要遵守GPL3 license，以及在某种不是GPL标准又很相似LGPL的授权下也能用，以及遵循非商业license也可以获得。　　TitaniumMobile　　与Sencha Touch很相似，Appcelerator公司的Titanium Mobile可以让您使用Javascript API来编写app。不过与Sencha不同的是，Titanium把你的代码编译成Native的iPhone或Android app，这意味着它并不是一个真正的Web框架，而是一个兼容层或者编译器。(请注意Titanium Mobile的近亲Titanium Desktop是一个基于web的，让您可以使用HTML /js来编写桌面封装的本地应用的一款软件)　　这么说来Titanium允许web开发人员使用JavaScript和一点点XML之类的其他相关技术，可以实现高性能、更换皮肤很方便的Native App，而不需要额外去学习Objective-C或者Cocoa Touch等技术了。作者的简单测试表明其性能不错，吹散了框架方面的疑云，而且整合起来也不是太难。　　不过这个优点也是其致命的缺点，您只能作出Titanium所支持的平台上面的应用，你被它们的开发工具限制住了。作者想证明这一点只需要换一个不是iPhone的平台上来跑一下就知道了。同时，Titanium的调试器也不怎么样，不能使用XCode方式运行或者调试，就算在其仿真器上面程序跑的还算不错，还是需要作者自己去实际机器上自己再找问题。　　分析　　作者在这4个框架上面挑选了3种并编造了自己的app来试一试，过程虽然很冗繁，但是收获也颇丰。作者很喜欢jQTouch，但是不太相信它会在现有版本上再前进多少了。对于jQuery Mobile，很赞赏其简单易用性以及其以web为中心的开发方法，不过它的缺点是缺少核心特色，跟Sencha比性能差很多。　　用一个阿尔法2版本的产品来跟一个1.0版本的正式版相比或许有失公平，但是在用户具有很强烈的刚性用户需求时就必须做出选择了，于是作者选择了Sencha Touch。作者最初被其强大的性能和宽广的支持程度所吸引，最终更喜欢其开发风格。随着开发的深入，其文档的漏洞让作者十分沮丧，但是其广泛的支持程度依旧吸引着作者，渐渐适应了其开发风格。如果他们愿意回复邮件的话，作者很有意向付费以获取技术支持。不过现在，Pints的发布已经是一个基于Sencha的app了。　　关于html5游戏开发可以查询http://subject.9ria.com/html5game.html
Sherry769的最新博文
分享到微信朋友圈
打开微信"扫一扫"，扫描上方二维码请点击右上角按钮&，选择&
同时发布一条微博
$(".zhul_sy_rightBox").popupbox({geturl:ucenterDomain+"openjson/getpopupbox",format:"bigright",cssClass:"zhul_info_rightbox",waithtml:' '});
$().zlidol({geturl:weiboDomain+"userinfo/jsonidol?action=idol"})
})(jQuery);推荐几款HTML5建站实用的软件工具a year ago0收藏分享举报{&debug&:false,&apiRoot&:&&,&paySDK&:&https:\u002F\u002Fpay.zhihu.com\u002Fapi\u002Fjs&,&wechatConfigAPI&:&\u002Fapi\u002Fwechat\u002Fjssdkconfig&,&name&:&production&,&instance&:&column&,&tokens&:{&X-XSRF-TOKEN&:null,&X-UDID&:null,&Authorization&:&oauth c3cef7c66aa9e6a1e3160e20&}}{&database&:{&Post&:{&&:{&isPending&:false,&contributes&:[],&title&:&推荐几款HTML5建站实用的软件工具&,&author&:&yu-qiu-ping-28&,&content&:&\u003Cp\u003E随着各类移动终端日益增强对HTML5的支持性，我们在智能终端接触到的所有东西几乎都隐藏着HTML5属性，\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.iisp.com\u002Fdesign\u002Fhow-to-build.php%3Fs%3Dyuqiuping\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EHTML5建站\u003C\u002Fa\u003E也是大势所趋。今天推荐几款HTML建站必备的软件，由于大部分是英文网站，英语不好的童鞋看起来会比较吃力。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E1、HTML5 Reset\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E这是一组包括HTML、CSS的文件，提供HTML5的空白WordPress模板。可以在前期准备建站时帮你节省时间。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E2、Initializr\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E一款HTML5制作入门工具，支持自定义、模块生成网站，之后会为你的网站迅速生成具有简洁代码的可定制网页模板。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E3、HTML5 visual cheat sheet\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E实质上是一个速查表，没有网站，在软件平台中支持下载，表内包含了html tag列表以及支持html4.01\u002F5版本的相关属性。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E4、HTML5 Canvas cheat sheet\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E一个Canvas元素的详细速查手册，只有一个页面。Canvas元素是HTML5最重要的元素之一，它可以在网页中绘制图形，非常强大。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E5、Lime JS\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003EHTML5游戏开发框架，能快速构建运行于触屏设备和桌面浏览器的游戏，是HTML5游戏开发者必备的网站。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E6、Cross browser HTML5 forms\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E能帮你构建完美的HTML5表单兼容方案，有一些非常好用的小工具，如日历、取色板、滑块部件等，不过有的浏览器不支持。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E7、HTML5 Test\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E之前也推荐过，能帮你生成一份当前浏览器对video、audio、canvas等特性的支持情况的报告，便于进行代码调整。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E8、HTML5demos\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E和HTML5 Test差不多，不过这是针对HTML5特性在哪些浏览器中支持。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstrong\u003E9、\u003C\u002Fstrong\u003E\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.iisp.com\u002Fdesign\u002Fhow-to-build.php%3Fs%3Dyuqiuping\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ENicebox\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003E性价比很高的自助建站软件。nicebox内置千套HTML5模板，不用写代码，直接套用，用心修改就能让你的网站千变万化，不用懂技术一样做HTML5网站。\u003C\u002Fp\u003E\u003Cp\u003E以上的软件工具大部分都比较适合对HTML5有一定了解的IT人，网络上还有很多适合HTML5编码的实用工具，欢迎大家进行推荐。\u003C\u002Fp\u003E\u003Cp\u003EHTML5网站建设：\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.iisp.com\u002Fdesign\u002Fhow-to-build.php%3Fs%3Dyuqiuping\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E什么是建站宝盒,建站宝盒怎么样,建站宝盒全网营销系统,建站宝盒互联网营销解决方案专题 耐思尼克\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003E内容来源：\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.iisp.com\u002Fztview\u002FF_yuqiuping171.html\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E推荐几款HTML5建站实用的软件工具\u003C\u002Fa\u003E\u003C\u002Fp\u003E&,&updated&:new Date(&T09:13:48.000Z&),&canComment&:false,&commentPermission&:&anyone&,&commentCount&:0,&collapsedCount&:0,&likeCount&:0,&state&:&published&,&isLiked&:false,&slug&:&&,&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-d6abe9b6d7a26e5df02cf45be6eb2ee6_r.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&reviewers&:[],&topics&:[{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&HTML5&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&建站程序&},{&url&:&https:\u002F\u002Fwww.zhihu.com\u002Ftopic\u002F&,&id&:&&,&name&:&自助建站&}],&adminClosedComment&:false,&titleImageSize&:{&width&:480,&height&:260},&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&tipjarState&:&closed&,&annotationAction&:[],&sourceUrl&:&&,&pageCommentsCount&:0,&hasPublishingDraft&:false,&snapshotUrl&:&&,&publishedTime&:&T17:13:48+08:00&,&url&:&\u002Fp\u002F&,&lastestLikers&:[],&summary&:&随着各类移动终端日益增强对HTML5的支持性，我们在智能终端接触到的所有东西几乎都隐藏着HTML5属性，\u003Ca href=\&http:\u002F\u002Fwww.iisp.com\u002Fdesign\u002Fhow-to-build.php?s=yuqiuping\& data-editable=\&true\& data-title=\&HTML5建站\&\u003EHTML5建站\u003C\u002Fa\u003E也是大势所趋。今天推荐几款HTML建站必备的软件，由于大部分是英文网站，英语不好的童鞋看起来会比较吃力。 \u003Cstrong\u003E1、HTML5 Reset\u003C\u002Fstrong\u003E这是一组包括HTML、CS…&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&annotationDetail&:null,&commentsCount&:0,&likesCount&:0,&FULLINFO&:true}},&User&:{&yu-qiu-ping-28&:{&isFollowed&:false,&name&:&秋萍仔&,&headline&:&给一切可能以可能性&,&avatarUrl&:&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-243846ecd96b4343466e_s.jpg&,&isFollowing&:false,&type&:&people&,&slug&:&yu-qiu-ping-28&,&bio&:&爱做梦的伪文字工作者&,&hash&:&1ad6e4b7ac&,&uid&:202900,&isOrg&:false,&description&:&给一切可能以可能性&,&badge&:{&identity&:null,&bestAnswerer&:null},&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fyu-qiu-ping-28&,&avatar&:{&id&:&v2-243846ecd96b4343466e&,&template&:&https:\u002F\u002Fpic1.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:true}},&Comment&:{},&favlists&:{}},&me&:{},&global&:{&experimentFeatures&:{&ge3&:&ge3_9&,&ge2&:&ge2_1&,&navi&:&1&,&growthSearch&:&s2&,&sEI&:&c&,&nwebQAGrowth&:&experiment&,&qawebRelatedReadingsContentControl&:&close&,&liveStore&:&ls_a2_b2_c1_f2&,&nwebSearch&:&nweb_search_heifetz&,&rt&:&y&,&isOffice&:&false&,&enableTtsPlay&:&post&,&newLiveFeedMediacard&:&new&,&newMobileAppHeader&:&true&,&androidPassThroughPush&:&all&,&hybridZhmoreVideo&:&yes&,&nwebGrowthPeople&:&default&,&nwebSearchSuggest&:&default&,&qrcodeLogin&:&qrcode&,&enableVoteDownReasonMenu&:&enable&,&isShowUnicomFreeEntry&:&unicom_free_entry_off&,&growthBanner&:&default&,&newMobileColumnAppheader&:&new_header&,&androidDbRecommendAction&:&open&,&biu&:&1&,&info&:&0&,&androidDbFeedHashTagStyle&:&button&,&appStoreRateDialog&:&close&,&mobileFeedGuide&:&block&,&default&:&None&,&isNewNotiPanel&:&no&,&biua&:&1&,&zcmLighting&:&zcm&,&wechatShareModal&:&wechat_share_modal_show&,&uRe&:&0&,&androidProfilePanel&:&panel_b&}},&columns&:{&next&:{}},&columnPosts&:{},&columnSettings&:{&colomnAuthor&:[],&uploadAvatarDetails&:&&,&contributeRequests&:[],&contributeRequestsTotalCount&:0,&inviteAuthor&:&&},&postComments&:{},&postReviewComments&:{&comments&:[],&newComments&:[],&hasMore&:true},&favlistsByUser&:{},&favlistRelations&:{},&promotions&:{},&switches&:{&couldSetPoster&:false},&draft&:{&titleImage&:&&,&titleImageSize&:{},&isTitleImageFullScreen&:false,&canTitleImageFullScreen&:false,&title&:&&,&titleImageUploading&:false,&error&:&&,&content&:&&,&draftLoading&:false,&updating&:false,&globalLoading&:false,&pendingVideo&:{&resource&:null,&error&:null}},&drafts&:{&draftsList&:[],&next&:{}},&config&:{&userNotBindPhoneTipString&:{}},&recommendPosts&:{&articleRecommendations&:[],&columnRecommendations&:[]},&env&:{&edition&:{&baidu&:false,&yidianzixun&:false,&qqnews&:false},&isAppView&:false,&appViewConfig&:{&content_padding_top&:128,&content_padding_bottom&:56,&content_padding_left&:16,&content_padding_right&:16,&title_font_size&:22,&body_font_size&:16,&is_dark_theme&:false,&can_auto_load_image&:true,&app_info&:&OS=iOS&},&isApp&:false,&userAgent&:{&ua&:&Mozilla\u002F5.0 (compatible, MSIE 11, Windows NT 6.3; Trident\u002F7.0; rv:11.0) like Gecko&,&browser&:{&name&:&IE&,&version&:&11&,&major&:&11&},&engine&:{&version&:&7.0&,&name&:&Trident&},&os&:{&name&:&Windows&,&version&:&8.1&},&device&:{},&cpu&:{}}},&message&:{&newCount&:0},&pushNotification&:{&newCount&:0}}　　HTML5&众多强大特性让我们不需要多么高深技术就能创建好玩的网页游戏，同时证明了开放的
技术能与任何其他在游戏开发中使用的技术竞争。正如标题所说，这篇文章推荐的几款很棒
游戏开发工具能够帮助你开发出优秀的，好玩的游戏。
您可能感兴趣的相关文章
GameMaker&
GameMaker 既适合入门级的新手，也同样适合经验丰富的游戏开发人员，帮助他们创建跨平台的游戏。
GameMaker&除了使比普通开发模式快 80% 以外，开发人员还可以创建功能全面的原型，在短短几个小时内或者一个星期内，创建一个完整的游戏。
Construct 2&
功能强大的 HTML5 游戏开发工具，借助可视化开发界面，开发者无需编写任何代码就可以创建游戏。拥有强大的事件系统，灵活的行为以及很炫的视觉效果。
Cocos2d-html5
Cocos2d-html5 是一个开源的网页 2D 游戏开发框架，基于 MIT 协议发布，是 Cocos2d-x 项目的 HTML5 版本。
您可能感兴趣的相关文章
本文来源：
文章来源：
阅读(...) 评论()他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)