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.                    ));

复制代码