游戏框架的核心类
1.SurfaceView 就如电影的屏幕
2.SurfaceHolder 电影的内容
3.Thread 工作人员
SurfaceHolder.callback接口
必须实现三个方法
surfaceCreated()
surfaceChanged()
surfaceDestoryed()
Thread若想改变Surface里面的内容,必须执行在 onSurfaceCreated()之后,onSurfaceDestoryed()之前才有效
SurfaceHolder绘画的三个步骤:
1.锁定画布
2.绘制(只有在锁定画布之后,解锁画布之前绘制才有效)
3.解锁画布并提交(不提交则绘制没效果,可调用SurfaceHolder的unlockCanvasAndPost方法)
帧率
每秒中绘制界面的次数,如果大于29.7,则人眼认为是连续的,不卡顿,所以一般游戏只要保证帧率大于30即可
Cocos2D
1.需要导入jar包
2.图片资源放于assets目录,Cocos2D需要放置一张fps_images.png到assets目录
3.了解引擎的操作过程,导演(CCDirector)控制场景(CCScene)的运行,场景中可以放置图层(CCLayer),图层中可以放置精灵(CCSprite)。
4.Cocos2D的坐标系(左下角为坐标原点,Y向上递增,X向右递增,即和数学中的坐标系一致)与安卓的android坐标系(左上角为坐标原点,Y向下递增,X向右递增)不同。
CCDirector 导演
1.attachInView()方法开启线程
2.runWithScene() 运行场景
3.生命周期的方法 resume()、pause()、end()
4.setDisplayFPS(true) 显示帧率
5.setScreenSize() 设置屏幕大小,自动屏幕适配
6.setDeviceOrientation() 设置屏幕方向
CCScene 场景
CCScene ccScene = CCScene.node();//创建一个场景
目前该类没有什么具体功能,它只是作为一个项目中需要展示内容的根节点存在
CCLayer
处理触摸事件
convertTouchToNodeSpace(event); 将android坐标系中的点转换成Cocos2D坐标系中的点
CCSprite 精灵
CCSprite ccSprite = CCSprite.sprite(“xxx.png”);//创建一个精灵(图片存放于assets)
1.setAnchorPoint() 设置锚点
2.setPosition() 设置精灵的位置
3.setScale() 设置缩放
4.setFlipX()、setFlipY() X为水平反转,Y为垂直反转
5.setOpacity(150);//不透明度 0-255 值越大越不透明
6.setVisible(false);//设置是否可见
基本流程操作代码
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
CCGLSurfaceView ccglSurfaceView = new CCGLSurfaceView(this);
setContentView(ccglSurfaceView);
CCDirector ccDirector = CCDirector.sharedDirector();//创建一个导演,单例
ccDirector.attachInView(ccglSurfaceView);//开启线程
CCScene ccScene = CCScene.node();//创建一个场景
ccScene.addChild(new FirstLayer());//将图层添加到场景中
ccDirector.runWithScene(ccScene);//运行场景
}
FirstLayer的代码
public class FirstLayer extends CCLayer {
public FirstLayer(){
//图层中显示精灵
CCSprite ccSprite = CCSprite.sprite("xxx.png");//创建一个精灵(图片存放于assets)
ccSprite.setAnchorPoint(0,0);//图片的锚点默认是在其中心,现在设置其锚点在左下角
this.addChild(ccSprite);//将精灵添加到图层中
}
}
CCAction
CCFiniteTimeAction
和时间相关的动作
CCFollow
跟随动作
CCRepeatForever
永不停止的循环
CCSpeed
跟速度相关的动作
moveTo和moveBy动作的区别
1.To 移动到目的地,By 移动位置坐标的变化
2.To 没有相反动作,By 有相反动作
移动动作:
private void moveBy() {
CCSprite ccSprite = getSprite();
ccSprite.setPosition(0,100);
//参数1:时间;参数2:目的点坐标
CCMoveBy ccMoveBy = CCMoveBy.action(2,CCSprite.ccp(200,0));
CCMoveBy reverse = ccMoveBy.reverse();
CCSequence ccSequence = CCSequence.actions(ccMoveBy,reverse);
ccSprite.runAction(ccSequence);
}
private void moveTo() {
CCSprite ccSprite = getSprite();
CCMoveTo ccMoveTo = CCMoveTo.action(2,CCSprite.ccp(200,0));
ccSprite.runAction(ccMoveTo);
}
private CCSprite getSprite() {
CCSprite ccSprite = CCSprite.sprite("z_1_attack_01.png");
ccSprite.setAnchorPoint(0,0);
this.addChild(ccSprite);
return ccSprite;
}
rotateTo和rotateBy动作的区别
rotateTo 旋转的时候会偷懒,例如设定旋转240度,他会反方向旋转120达到效果
rotateBy 旋转的时候不会偷懒,设定多少旋转多少度它会默默地转
旋转动作
private void rotateTo() {
CCRotateTo rotateTo = CCRotateTo.action(3,240);
getHeartSprite().runAction(rotateTo);
}
private void rotateBy() {
CCSprite heart = getHeartSprite();
//参数1:时间;参数2:旋转的角度
CCRotateBy rotateBy = CCRotateBy.action(3,240);
heart.setPosition(200,100);
heart.runAction(rotateBy);
}
跳跃动作
private void jumpBy() {
CCSprite ccSprite = getSprite();
//参数1:动作执行的时间;参数2:目的地的坐标;参数3:比目的地高出的高度;参数4:跳跃的次数
CCJumpBy ccJumpBy = CCJumpBy.action(4,CCSprite.ccp(200,100),100,2);
ccSprite.runAction(ccJumpBy);
}
private CCSprite getSprite() {
CCSprite ccSprite = CCSprite.sprite("z_1_attack_01.png");
ccSprite.setAnchorPoint(0,0);
this.addChild(ccSprite);
return ccSprite;
}
缩放动作
private void scaleBy() {
//参数1:时间;参数2:缩放的比例
CCScaleBy scaleBy = CCScaleBy.action(1,0.65f);
CCScaleBy reverse = scaleBy.reverse();
CCSequence sequence = CCSequence.actions(scaleBy,reverse);//串行动作
CCRepeatForever forever = CCRepeatForever.action(sequence);
getHeartSprite().runAction(forever);
}
private CCSprite getHeartSprite() {
CCSprite ccSprite = CCSprite.sprite("heart.png");
ccSprite.setAnchorPoint(0,0);
ccSprite.setPosition(100,100);
this.addChild(ccSprite);
return ccSprite;
}
淡入淡出
private void fadeOut() {
CCFadeOut fadeOut = CCFadeOut.action(5);//所用时间
getSprite().runAction(fadeOut);
}
private void fadeIn() {
CCFadeIn fadeIn = CCFadeIn.action(5);//所用时间
getSprite().runAction(fadeIn);
}
带加速度的动作
/**加速度增加的移动*/
private void easeIn() {
CCMoveTo ccMoveTo = CCMoveTo.action(3,CCSprite.ccp(200,0));
CCEaseIn easeIn = CCEaseIn.action(ccMoveTo,2);
getSprite().runAction(easeIn);
}
/**加速度减少的移动*/
private void easeOut() {
CCMoveTo ccMoveTo = CCMoveTo.action(3,CCSprite.ccp(200,0));
CCEaseOut easeOut = CCEaseOut.action(ccMoveTo,2);
getSprite().runAction(easeOut);
}
闪烁
private void blink() {
//参数1:时间;参数2:闪烁的次数
CCBlink blink = CCBlink.action(3,3);
getSprite().runAction(blink);
}
颜色渐变
/**颜色渐变*/
private void tintBy() {
//参数1:文本内容;参数2:字体的样式;参数3:字体大小
CCLabel label = CCLabel.makeLabel("我爱你,是多么清楚,多么坚固的信仰!","hkbd.ttf",24);
label.setPosition(250,200);
label.setColor(ccc3(50,0,255));
this.addChild(label);
ccColor3B c = ccc3(100,255,-100);
//参数1:时间;参数2:变化后的颜色
CCTintBy tintBy = CCTintBy.action(1,c);
CCTintBy reverse = tintBy.reverse();
CCSequence sequence = CCSequence.actions(tintBy,reverse);//串行动作
CCRepeatForever forever = CCRepeatForever.action(sequence);
label.runAction(forever);
}
贝塞尔曲线运动
/**贝塞尔曲线移动*/
private void bezierBy() {
CCBezierConfig config = new CCBezierConfig();
config.controlPoint_1 = ccp(0,0);//起始点
config.controlPoint_2 = ccp(100,100);//最高点
config.endPosition = ccp(200,0);//结束点
CCBezierBy bezierBy = CCBezierBy.action(3,config);
getSprite().runAction(bezierBy);
}
动作的处理,序列帧的播放
前行
//序列帧的播放
ArrayList<CCSpriteFrame> frames = new ArrayList<CCSpriteFrame>();
String format = "z_1_%02d.png"; // 02d 是占位符,表示两位数字,当不足两位的时候,前面的数字用0补足
for (int i= 1; i<=7;i++){
CCSpriteFrame frame = CCSprite.sprite(String.format(format, i)).displayedFrame();
frames.add(frame);
}
//参数1为动作的名称(主要是给程序员看的);参数2为每一帧播放的时长;参数3为所有用到的帧的集合
CCAnimation animation = CCAnimation.animation("walking",0.2f,frames);
CCAnimate animate = CCAnimate.action(animation);
//播放序列帧默认是永不停止的动画
CCRepeatForever forever = CCRepeatForever.action(animate);
spriteZombie.runAction(forever);
moveToNext();
/**移动到下一个地点*/
public void moveToNext() {
position ++;
if (position < mRoadPoints.size()){
CGPoint point = mRoadPoints.get(position);
CCMoveTo moveTo = CCMoveTo.action(2,point);
CCSequence sequence = CCSequence.actions(moveTo, CCCallFunc.action(this,"moveToNext"));//相当于递归调用,反射的方法不能是私有的
spriteZombie.runAction(sequence);
}else{
//移动完成
}
}
粒子系统的展示
Cocos2D自带的粒子系统,可以模拟下雪、烟雾、火场等场景。
private void loadParticle() {
//创建了粒子系统 飘雪
snowSystem = CCParticleSnow.node();
//设置雪的样式
snowSystem.setTexture(CCTextureCache.sharedTextureCache().addImage("f.png"));
this.addChild(snowSystem,1);
}