Cocos2d-HTML5學習筆記1:初探

各位技術人士好好看看哈，全是總結之作

架構目錄：

box2d：實體引擎；

cocos2d：引擎核心部分；

CocosDenshion：聲音子產品相關；

Demo：測試性檔案；

Tests：所有API引擎代碼；

Tools：配置檔案（模版生成工具）

CHANGELOG:日志記錄；

AUTHORS：關于作者

----------------碎片start-------------

一級對象：

CCMenuItemImage：接受圖像作為項目主要函數：

1，itemFromNormalImage（圖檔，操作時圖檔，對象，回調函數）建立一個菜單圖檔

2，CCDirector建立和處理主視窗和管理如何及何時執行場景

MoveBy：移動精靈。

1，cc.MoveBy.actionWithDuration(移動時間, cc.PointMake(150, 0))

CCSequence：一個接一個的按順序運作操作，主要函數：

1，actions() 輔助構造函數來建立一個數組的sequenceable行動

CCLayer：是的一個CCNode的子類，它實作TouchEventsDelegate協定，布景，其主要的函數：

1，  初始化函數init();

2，  onEnter進入時的回調函數

3，  onExit()離開場景的時調用的函數

4，  onEnterTransitionDidFinish進入後調用的函數

5，  ccTouchBegan觸屏事件

CCRotateBy：順時針旋轉一個CCNode對象度的一些修改它的自轉屬性:

1,actionWithDuration(耗時秒，)建立行動

CCDelayTime：延遲操作

CCFadeOut：淡出一個對象,實作了CCRGBAProtocol協定

CCCallFunc：稱之為回調，主要函數：

1，actionWithTarget建立動作與回調函數。

碎片  ：

var s = cc.Director.sharedDirector().getWinSize();//擷取場景對象，包括場景的寬度與高度

例子：

一、//添加一張圖檔

1. this.pSprite = cc.Sprite.spriteWithFile("Resources/grossini_dance_07.png");
2. this.pSprite.setAnchorPoint(cc.ccp(0.7, 0.1));
3. this.pSprite.setPosition(cc.ccp(size.width / 2-200, size.height / 2));
4. layer1.addChild(this.pSprite, 0);

複制代碼 //精靈操作start

1. var child = cc.Sprite.spriteWithFile(圖檔路徑);//建立一個精靈
2.         child.setPosition(cc.PointMake(200, 200));//精靈定位
3.         this.addChild(child, 1);//将精靈追加到場景中

複制代碼 //精靈在在持續1.5秒後執行相關動作

1. child.runAction(cc.RotateBy.actionWithDuration(1.5, 90));//actionWithDuration(時間，角度)
2. child.runAction(cc.Blink.actionWithDuration(1,10));//actionWithDuration(閃爍間隔,閃爍次數)
3. child.runAction(cc.ScaleTo.actionWithDuration(0.5, 0.5));//放大動作
4. boy.runAction(cc.MoveBy.actionWithDuration(2, cc.PointMake(2,200)));//移動到指定坐标
5. boy.runAction(cc.JumpTo.actionWithDuration(1, cc.PointMake(222,100)));//跳躍到指定坐标
6. boy.runAction(cc.FadeOut.actionWithDuration(2);//由亮變無

複制代碼 貝塞爾曲線：BezierBy

//連續執行相應動作

1. boy.runAction(cc.Sequence.actions(
2.                    cc.FadeOut.actionWithDuration(2),//由亮變無
3.                    cc.FadeIn.actionWithDuration(2)//由亮變無
4.                    ));

複制代碼