首先本人是js手残党, 不过借助国内的HBuilder还是稍许可以进行的, 在html5上做小游戏开发, 虽然游戏不大, 五脏俱全, 这肯定第一时间找cocos2d来帮忙
首先, 到官网(http://cocos2d-x.org/download), 下载引擎包, 我下的是2.2.3, 3.0我没试
另外我没下在线打包的那个版本(http://cocos2d-x.org/filecenter/jsbuilder/), 虽然看着很炫, 但是很多配置都没法设置了
然后就是编写了,
代码像开发游戏一样放在src目录
结构简单说一下:
HelloWorld.html 不解释
main.js 相当于AppDelegate吧, 可以设置初始的游戏类
cocos2d.js 这个js用来配置, 写的不是很详细,
参考:http://www.java123.net/v/332311.html
var c = {
COCOS2D_DEBUG:0, //0 to turn debug off, 1 for basic debug, and 2 for full debug
box2d:false,
chipmunk:false,
showFPS:false,
frameRate:30,
loadExtension:false,
renderMode:0, //Choose of RenderMode: 0(default), 1(Canvas only), 2(WebGL only)
tag:'gameCanvas', //the dom element to run cocos2d on
engineDir:'./cocos2d/',
// SingleEngineFile:'cocos2d-compiled.js',
appFiles:[
'src/resource.js'
,'src/GlobalSetting.js'
,'src/SceneMain.js'
]
};
engineDir是cocos2d的引擎目录
appFiles是要加载的src内的游戏类
GlobalSetting.js的内容, 就只是建立个全局变量用来在游戏间跳转存储
var GBSET={};
GBSET.SceneMain={};
下载ant, 放到c盘某个目录(个人兴趣)
然后配置win下的系统path对应ant的bin目录
下载compiler.jar, 这个的链接已经被从code.google移动到github下了 我给你们找一下:
dl.google.com/closure-compiler/compiler-latest.zip
搬家后的地址
https://github.com/google/closure-compiler
下载放到自己的build.xml相对的目录里面
运行ant -file build.xml(有路径)
如果出错, 那么应该是配置路径问题, 里面包括compiler的路径, 游戏引擎的路径, 以及游戏代码路径
最好编译好之后放到子目录里面, 比如./compressed目录下,
然后把HelloWorld.html(我已经改为index.html)放到根目录
把资源res文件镜像复制一份 放进来
然后建个js目录, 把外部需要用到的js以及 cocos2d.js 和已经压缩后的js (我起名为game.js)都放进来 (build.xml配置可以直接放到这里, 够懒, 屁, 要是懒我就不写这些了)
然后配置cocos2d.js
var c = {
COCOS2D_DEBUG:0, //0 to turn debug off, 1 for basic debug, and 2 for full debug
box2d:false,
chipmunk:false,
showFPS:false,
frameRate:30,
loadExtension:false,
renderMode:0, //Choose of RenderMode: 0(default), 1(Canvas only), 2(WebGL only)
tag:'gameCanvas', //the dom element to run cocos2d on
//engineDir:'./cocos2d/',
SingleEngineFile:'js/game.js',
//appFiles:[
// 'src/resource.js'
// ,'src/GlobalSetting.js'
// ,'src/SceneMain.js'
//]
};
把engineDir 和 appFiles都隐掉, 然后使用SingleEngineFile指向你压缩后的js
这样就可以愉快的进行了, 开发还是在前期未打包的状态下, HBuilder至少能提供一些代码提示, 编译后彻底就没法提示了. 不过小了好多, 开森
也许有用的参考:
http://blog.csdn.net/hz_blog/article/details/7924588