cocos2d-html5新建项目

知道ch5有一段时间了,但是都没去学,最近公司需要我做游戏方面的开发,于是就开始来研究一下ch5

首先,下载cocos2d-html5,我下载的是最新版的2.1.5,可以自己去官网下载或者点下面的链接下载

cocos2d-html5-2.1.5

下载后可以放到本地的服务器上,里面有很多例子,还有4个游戏demo

cocos2d-html5新建项目_第1张图片

测试用例

cocos2d-html5新建项目_第2张图片


下面来新建项目

我使用的编辑器是Aptana Studio 3

Cocos2d-html5-v2.1.5解压后是这样的

cocos2d-html5新建项目_第3张图片

首先把里面的模版template复制到你的根目录下,取个名字,我取名为cocos2d-plane

cocos2d-html5新建项目_第4张图片

然后把Cocos2d-html5-v2.1.5包里面的lib里面的Cocos2d-html5-v2.1.5.min.js复制到我们刚建的项目的src文件夹里面顺便改个名字ch5.js,如下

cocos2d-html5新建项目_第5张图片

然后进到新建的项目cocos2d.js里

[javascript] view plain copy print ?
  1. var c = { 
  2.     COCOS2D_DEBUG:2, //0 to turn debug off, 1 for basic debug, and 2 for full debug 
  3.     box2d:false
  4.     chipmunk:false
  5.     showFPS:true
  6.     loadExtension:false
  7.     frameRate:60, 
  8.     tag:'gameCanvas', //the dom element to run cocos2d on 
  9.     //engineDir:'../cocos2d/', 
  10.     SingleEngineFile:'src/ch5.js'
  11.     appFiles:[ 
  12.         'src/resource.js'
  13.         'src/myApp.js'//add your own files in order here 
  14.     ] 
  15. }; 
    var c = {
        COCOS2D_DEBUG:2, //0 to turn debug off, 1 for basic debug, and 2 for full debug
        box2d:false,
        chipmunk:false,
        showFPS:true,
        loadExtension:false,
        frameRate:60,
        tag:'gameCanvas', //the dom element to run cocos2d on
        //engineDir:'../cocos2d/',
        SingleEngineFile:'src/ch5.js',
        appFiles:[
            'src/resource.js',
            'src/myApp.js'//add your own files in order here
        ]
    };

[html] view plain copy print ?
  1. engineDir:'../cocos2d/', 
engineDir:'../cocos2d/',

注释掉,写成你刚引入的Cocos2d-html5-v2.1.5.min.js

[html] view plain copy print ?
  1. SingleEngineFile:'src/ch5.js', 
 SingleEngineFile:'src/ch5.js',
这样一个项目就建好了,哈哈

运行一下看看效果

cocos2d-html5新建项目_第6张图片

今天就到这里,哈

api下载

cocos2d-html5-api


你可能感兴趣的:(cocos2d-html5)