Cocos2d-HTML5入门第三天

  次阅读 来源:互联网(转载协议) 2015-09-27 15:28 我要评论(0)

第二天掠过,不要在意细节。

第三天了,目前只搭了个hello world版本,而且换了三个版本,到现在仍旧不知道怎么开发游戏。

在上一篇文章搭建的基础上,分析一下结构。

抛开游戏不说,只谈b/s的b,顺着一开始的入口index.html页面。

眼前一个标准的H5页面

一个html5的新标签canvas,俩个js文件。

打开第一个文件cocos2d/cocos2d-html5/CCBoot.js

2千多行代码,粗略从头读到尾巴,发现里边无非就是定义了一个cc的命名空间,当做全局变量对象,这个cc对象加了很多方法和属性。

代码一开始添加了一些常用的工具方法

比如

cc.newElement = function (x) {

return document.createElement(x);

};

cc._addEventListener = function (element, type, listener, useCapture) {

element.addEventListener(type, listener, useCapture);

};

封装了新建元素结点和捕获事件监听的方法。

顺着下看,cc对象又挂了一个属性:game对象,对象里面挂了一些配置信息对象,从字面量看是一些帧速度,依赖包,引擎路径等配置。

还有一些方法比如说run,应该是游戏开始方法;

有个_initConfig应该是初始化游戏,比如引进依赖脚本,图片等。

最后在2184行有一句cc.game._initConfig();

然后回头看了下_initConfig();方法

原来里面是读取我们主目录下的project.json文件,然后把project.json的信息初始化合并进self.config,有点类似jQuery插件开发的option有木有,比如说,project文件配置的js脚本路径,引擎engineDir路径,模块名字等。并没有我想象那样一开始就加载文件……

ok,目前为止大概了解CCBoot.js的作用了。定义了cc,然后初始化了一些配置信息。

接着看看inde.html引进的第二个文件main.js

cc.game.onStart = function(){

var designSize = cc.size(480, 800);

var screenSize = cc.view.getFrameSize();

if(!cc.sys.isNative && screenSize.height

看到了熟悉的cc和里面挂在的game,onStart在这里被定义了,再回头看CCBoot.js,在game对象里面被声明缺省为null,然后在run方法有调用到。

run: function (id) {

var self = this;

var _run = function () {

if (id) {

self.config[self.CONFIG_KEY.id] = id;

}

if (!self._prepareCalled) {

self.prepare(function () {

self._prepared = true;

});

}

if (cc._supportRender) {

self._checkPrepare = setInterval(function () {

if (self._prepared) {

cc._setup(self.config[self.CONFIG_KEY.id]);

self._runMainLoop();

self._eventHide = self._eventHide || new cc.EventCustom(self.EVENT_HIDE);

self._eventHide.setUserData(self);

self._eventShow = self._eventShow || new cc.EventCustom(self.EVENT_SHOW);

self._eventShow.setUserData(self);

本站部分文章来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • teamLab创始人猪子寿之: 抛去衣食住行,我还剩下什么?

    teamLab创始人猪子寿之: 抛去衣食住行,我还剩下什么?

  • Michael I. Jordan带你解读百万奖金ATEC蚂蚁人工智能大赛

    Michael I. Jordan带你解读百万奖金ATEC蚂蚁人工智能大赛

  • 2018深圳国际人工智能展览会 2018 shenzhen International Artif

    2018深圳国际人工智能展览会 2018 shenzhen International Artif

  • Oculus公布原型机,大幅度提升可视角,能实现140°的视场水平

    Oculus公布原型机,大幅度提升可视角,能实现140°的视场水平

网友点评网友点评
阅读推荐阅读推荐

据外媒报道,STEER打造了首款完全自动驾驶停车技术,旨在使常规车辆转变为无人驾驶车辆。STEER的首款技术应用是4级自动驾驶及网络安全停车...

近日,美国软性机器抓手制造商 Soft Robotics 宣布,获得 2000 万美元的融资,本轮投资者包括 Scale Venture Partners,Calibrate Ventures...

据外媒报道,加州车管局发布了《2017自动驾驶脱离报告(California Autonomous Vehicle Disengagement Reports)》,其中谈及了脱离的具体...

用人机语音交互,来解决智能家居适老的问题;通过家庭门禁与安防套件、空气净化套件、可燃气体与有害气体监控套件等相互联动,在不同生活情...