初识Cocos2d-JS (一)

最新推荐文章于 2021-06-07 16:38:01 发布

ooomyself

最新推荐文章于 2021-06-07 16:38:01 发布

阅读量329

点赞数

分类专栏： JS 文章标签： JavaSript Cocos2d_JS

本文链接：https://blog.csdn.net/ooomyself/article/details/50037791

版权

JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1. 工程的文件结构

a.入口为 main.js

主要内容：

cc.game.onStart = function(){
    cc.view.adjustViewPort(true);
    cc.view.setDesignResolutionSize(800, 450, cc.ResolutionPolicy.SHOW_ALL);
    cc.view.resizeWithBrowserSize(true);
    //load resources
    cc.LoaderScene.preload(g_resources, function () {
//        cc.director.runScene(new HelloWorldScene());
    	cc.director.runScene(new FirstScene());
    }, this);
};
cc.game.run();

b.JS文件列表文件 project.json

{
    "project_type": "javascript",

    "debugMode" : 1,
    "showFPS" : true,
    "frameRate" : 60,
    "id" : "gameCanvas",
    "renderMode" : 0,
    "engineDir":"frameworks/cocos2d-html5",

    "modules" : ["cocos2d"],

    "jsList" : [
        "src/resource.js",
        "src/app.js"
    ]
}

cc.game.run();

2.创建场景：

var FirstLayer = cc.Layer.extend({


sprite:null,

ctor:function(){  // ctor 相当于构造函数

this._super();

this.init();

retrun true;

},

init:function(){

// 添加你要的信息

}

});

var FirstScene = cc.Scene.extend({

onEnter:function(){

this._super();

var layer  = new FirstLayer();

this.addChild(layer);

},

onExit:function(){

this._super()

}

})