html5游戏开发环境搭建

　　游戏是赚钱的，为了能够吸引力更多游戏玩家的关注，很多游戏公司都会着力与游戏开发的工作，比如html5游戏开发，为了创造一些html5游戏开发环境，html5游戏开发时是要有一些建议的，具体的html5游戏开发环境搭建是什么呢？一品威客网小编已经给你进行相关介绍了。

　　跨平台移动开发实际上就是基于HTML5开发软件界面和主要的业务逻辑，因此一套完善的基于移动平台的HTML5开发环境是非常有必要的。主要的关注点是以下四点：

　　移动平台Javascript开发模式

　　HTML5的各个元素的Inspector

　　Javascript远程断点debug

　　Javascript和Jquery mobile的编辑器

　　1)　移动平台Javascript开发模式

　　虽然上面的种种方法都能在device上进行调试HTML5，但全程开发都这么搞估计大家也快疯掉，所以我还是比较推荐现在桌面的浏览器上开发完主要的界面和逻辑，主要phonegap与device结合点外，其他基本上和桌面浏览器是一致的。所以我会先开发一个Chrome APP版本，先重点搞定这个版本后然后再移植到其他平台上，这样在其他平台上就只用调试和device相关的点。关于chrome app的相关内容我会在后面单独来谈。

　　2)HTML5的各个元素的Inspector

　　如果放在桌面系统上浏览器，这样的工具是很多的，如firefox上的firebug，chrome上的开发者工具，IE上http watch和IE自带调试工具，但如果放在移动平台上，特别是基于phonegap这样内置的webview来开发，这样的工具就不是很普遍了。这里推荐一个phonegap官方所提到过的工具：weinre

　　weinre通过架一个server，把调试器和device连接起来，原理就多说，2.0之后就没看到Java的版本，因此只能通过NPM来安装，顺便提一下NPM是Nodejs的包管理工具，类似于Maven对于Java一样。安装Nodejs后就安装好了NPM。之后安装weinre非常简单：

　　npm install weinre -g

　　如果在windows平台上没加任何配置，weinre会安装在 C:Users***AppDataRoamingnpmnode_modulesweinre，然后启动server:

　　node path-to-weinre-node/weinre --boundHost -all- --httpPort 8082

　　3)Javascript远程断点debug

　　这里推荐使用Aardwolf(https://github.com/lexandera/Aardwolf/)来实现这个功能，它的原理和weinre类似，也是通过架server来远程debug device。下载Aardwolf后，启动server:

　　node Aardwolf_install_folder/app.js -h -d web_app_path

　　web_app_path里就是你需要调试的web应用，里面包含需要调试的JS。

　　然后类似于weinre，需要在html里添加Aardwolf代理：

　　4)Javascript和Jquery mobile的编辑器

　　谈到Javascript的编辑器，市面上有很多，大家都有自己心仪的选择，我这里只是推荐三个我比较喜欢的：

　　aptana studio. Eclipse插件更新地址：http://download.aptana.com/studio3/plugin/install

　　Dreamweaver CS6. 官方地址：http://success.adobe.com/en/na/sem/products/dreamweaver.html

　　appMobi. 官方地址：http://www.appmobi.com/

　　aptana studio的优点在于比较轻量级，与Eclipse集成，并且代码自动完成和JS语法纠错做得非常好，整个风格类似于VI，比较极客一点：

　　Dreamweaver CS6算是最为强悍的HTML5的开发环境，并且是我所知道的唯一支持Jquery mobile所见即所得的开发工具(官方提供的在线编辑器除外)，并且Javascript, CSS和HTML开发起来非常顺手，最大的缺陷就是要收费：

　　appMobi非常适合在不同分辨率下的调试，非常cool的界面也非常做演示之用：

　　代码编辑：

　　模拟器演示：

　　html5游戏开发环境是需要开发人员重视的，一款游戏的成功与否可能就是受它的影响，因此在开发游戏过程中不能够大意。无论供html5游戏开发环境、html5游戏开发还是需要html5游戏开发案例大全，一品威客网上都有优秀的游戏开发威客给你提供各种方案。