1
2
3
4
5
6
 
<body>
<script src="res/loading.js"></script>
<canvas id="gameCanvas" width="480" height="720"></canvas>
<script src="frameworks/cocos2d-html5/CCBoot.js"></script>
<script cocos src="main.js"></script>
</body>

首先加载的是CCBoot.js文档

执行主循环

1
2
3
4
5
6
7
8
9
10
11
12
 


mainLoop: function () {
    if (this._purgeDirectorInNextLoop) {
        this._purgeDirectorInNextLoop = false;
        this.purgeDirector();
    }
    else if (!this.invalid) {
        this.drawScene();
    }
},

_purgeDirectorInNextLoop：下一帧是否需要清除自身，一般在cc.director.end()赋值为true

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 

 *  Draw the scene. This method is called every frame. Don't call it manually.
 */
drawScene: function () {
    var renderer = cc.renderer;

    // calculate "global" dt
    this.calculateDeltaTime();

    大专栏  Cocos2dx-JS学习01n class="comment">//tick before glClear: issue #533
    if (!this._paused) {
        this._scheduler.update(this._deltaTime);
        cc.eventManager.dispatchEvent(this._eventAfterUpdate);
    }

    
    //首先执行调度器中的任务，然后触发cc.director.EVENT_AFTER_UPDATE事件，检查交互事件,有的话就分发处理
    
    
    
   
    /* to avoid flickr, nextScene MUST be here: after tick and before draw.
     XXX: Which bug is this one. It seems that it can't be reproduced with v0.9 */
    if (this._nextScene) {
        this.setNextScene();
    }
    //如果有场景切换，便切换
    
    //渲染当前scene
    // draw the scene
    if (this._runningScene) {
        if (renderer.childrenOrderDirty) {
            cc.renderer.clearRenderCommands();
            cc.renderer.assignedZ = 0;
            this._runningScene._renderCmd._curLevel = 0;                          //level start from 0;
            this._runningScene.visit();
            renderer.resetFlag();
        } 
        else if (renderer.transformDirty()) {
            renderer.transform();
        }
    }

    renderer.clear();

    // draw the notifications node
    if (this._notificationNode)
        this._notificationNode.visit();
    //遍历节点，更新节点的空间转换矩阵，发送命令给渲染器
    cc.eventManager.dispatchEvent(this._eventAfterVisit);
    cc.g_NumberOfDraws = 0;

    renderer.rendering(cc._renderContext);
    this._totalFrames++;
	//排序，绘制
    cc.eventManager.dispatchEvent(this._eventAfterDraw);
    cc.eventManager.frameUpdateListeners();
    //更新帧率
    this._calculateMPF();
},

关于绘制管理

关于内存管理（引用计数法）

调度器

cc.Node有相关API

1
2
3
4
 
node.scheduleUpdate()
node.update = function (dt) {
    
}

默认调度器：使用scheduleUpdate，必须重写update函数，dt是时间间隔

自定义调度器：

1
 
node.schedule(callback,inteval,repeate,delay,key)

回调函数（必须），时间间隔（默认0），重复次数（默认cc.REPEAT_FOREVER），延时时间（默认0），唯一标示符

卸载调度器：

unschedule和unscheduleAllCallbacks

场景管理

使用栈的结构

在退出的相关生命周期函数中，应该将this._super()函数放在最后调用，遵循“先进后出“

A->B

SceneA的onEixtTransitionDidStart方法开始前SceneB的ctor执行，所以不要在ctor中做开销大的工作

精灵

每个精灵一般关联一张纹理（Texture2D对象）

四种方法创建

Cocos2dx-JS学习01的更多相关文章

  1. node.js 学习01

    PHP开发技术栈(LAMP) Linux  Apache  MySql  PHPnode.js 全栈开发技术栈(MEAN): MongoDB  Express  Angular  Node.js 现阶 ...

  2. 【8-18】JS学习01

    Source : http://www.w3school.com.cn/html 外部的 JavaScript 也可以把脚本保存到外部文件中.外部文件通常包含被多个网页使用的代码. 外部 JavaSc ...

  3. jquery动画切换引擎插件 Velocity.js 学习01

    一.Velocity.js介绍 Velocity是一个jQuery插件,重新实现了$.animate() 来产生更高的性能(速度也比CSS动画库更快),而包括新的功能,以提高动画工作流程. Veloc ...

  4. JS学习-01

    01

  5. Node.js 教程 01 - 简介、安装及配置

    系列目录: Node.js 教程 01 - 简介.安装及配置 Node.js 教程 02 - 经典的Hello World Node.js 教程 03 - 创建HTTP服务器 Node.js 教程 0 ...

  6. ThinkPhp学习01

    原文:ThinkPhp学习01 一.ThinkPHP的介绍           MVC  M - Model 模型                工作:负责数据的操作  V - View  视图(模板 ...

  7. 【iScroll源码学习01】准备阶段 - 叶小钗

    [iScroll源码学习01]准备阶段 - 叶小钗 时间 2013-12-29 18:41:00 博客园-原创精华区 原文  http://www.cnblogs.com/yexiaochai/p/3 ...

  8. JS学习小结（上）

    学而时习之,不亦说乎,开启JS学习新乐章~ JS是干啥的?网页特效,它主要是实现控制结构和样式,是一种行为,有多重要,不言而喻吧,页面炫酷的资本. 1. JS输出: alert("hello ...

  9. vue学习01

    vue学习01   1. 创建一个Vue实例官网-学习-教程-安装-(开发/生产版本)-与jQuery的引用相似 <!DOCTYPE html> <html> <head ...

  10. Vue.js学习笔记：在元素 和 template 中使用 v-if 指令

    f 指令 语法比较简单,直接上代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " ...

随机推荐

  1. Tomcat启动失败原因： More than one fragment with the name [spring_web] was found. 解决

    将一个eclipse上搭建好的项目移到idea开发时遇到的问题,tomcat启动时报了3个错误 -Nov- :: ms -Nov- ::)-127.0.0.1] org.apache.tomcat.u ...

  2. Python语言基础与应用 (P23)上机练习：容器类型操作（未完待续）

    上机练习:容器类型操作〉 列表.元组基本操作+, *, len(), [], in Python 3.7.0 (default, Jun 28 2018, 08:04:48) [MSC v.1912 ...

  3. gcc编译出现：error: invalid operands to binary & (have ‘char *’ and ‘int *’)

    /************************************************************************* > File Name: ptr_varia ...

  4. 史上最难PHPer笔试题，40分就能月薪过万！附答案

    请批判性的学习,欢迎大牛指正错误 1.有关PHP字符串的说法,不对的是:A.如果一个脚本的编码是 ISO-8859-1,则其中的字符串也会被编码为 ISO-8859-1.B.PHP的字符串在内部是字节 ...

  5. 将元素平分成差值最小的两个集合（DP）

    现有若干物品,要分成较为平均的两部分,分的规则是这样的: 1)两部分物品的个数最多只能差一个. 2)每部分物品的权值总和必须要尽可能接近. 现在请你编写一个程序,给定现在有的物品的个数以及每个物品的权 ...

  6. 图形化编程娱乐于教，Kittenblock实例，图章效果的音乐画面

    跟很多学生聊过,很多学生不是不努力,只是找不到感觉.有一点不可否认,同样在一个教室上课,同样是一个老师讲授,学习效果迥然不同.关键的问题在于,带入感,我能给出的建议,就是咬咬牙,坚持住,没有学不会的知 ...

  7. Object中有哪些公共方法及作用

    大家在学习java的时候,一定遇到过Object类,因为在java单一继承体系中Object类是根类,所有的类都会继承它,并拥有Object的公共方法,意味着在java的面向对象的世界中,所有对象都拥 ...

  8. one_day_one_linuxCmd---scp命令

    <坚持每天学习一个 linux 命令,今天我们来学习 scp 命令> scp 命令主要用在不同的 linux 系统之间 copy 文件,基于 ssh 登录,是一种安全的复制 scp 命令的 ...

  9. thrift生成c++服务端和客户端

    https://blog.csdn.net/jdx0909/article/details/84727523 https://blog.csdn.net/luoyexuge/article/detai ...

  10. 游程编码run length code

    今天突然看到一个名词,游程编码.也叫行程编码. 简单理解就是,几个相同连续的字符,然后用数字统计表示. 举个例子: aaaabbbccc 用游程编码的表示就是4a3b3c 如果:连续字符只有一个 那么 ...