`
浮生长恨
  • 浏览: 208269 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

(转)cocos2d的常用动作及效果总结之一: Basic actions

阅读更多

在官方网站上,对cocos2d所提供的动作(action)转化(Transformations)以及效果(effect)做了如下分类 

Java代码  收藏代码
  1. Basic actions  
  2. Composition actions  
  3. Ease actions  
  4. Effect actions  
  5. Special actions  
  6. Animation  

下面将对我使用过的类及方法做一个说明,随着本人实际使用的情况会不断补充内容。 

这一篇先介绍Basic Action,包含了基本的移动,旋转,淡入淡出等动作。 

Java代码  收藏代码
  1. CCMoveBy ,CCMoveTo  


用来移动精灵,使用方法如下(以CCMoveBy为例): 

Java代码  收藏代码
  1. CCSprite* sprite = [CCSprite spriteWithFile:@"sprit.png"];  
  2. CCMoveBy* moveby = [CCMoveBy actionWithDuration:1.0f position:ccp(10050)];  
  3. [sprite runAction:moveby];  

参数actionWithDuration是指执行动作所花的时间,单位是秒,当然你自己写的时候也可以采用计算获得,本例力求简单,所以直接写了 "1.0f" 意思是一秒钟。 
第二个参数 position,意思就是移动的位置。 

CCMoveBy 和 CCMoveTo的区别是,By 是相对坐标,如上例,位置参数是ccp(100,50),意思就是说,向右移动100个单位,向上移动50个单位;如果换成To的类,那么就是移动到坐标 (100,50)位置。 

其实你会看到很多类似的 用 To 和 By 来区分的类,都是 “绝对” 和 “相对” 的区别。 


Java代码  收藏代码
  1. CCJumpBy ,CCJumpTo  


用来产生跳跃效果,个人感觉如果要产生逼真的跳跃效果,下面是示例。 

Java代码  收藏代码
  1. CCSprite* sprite = [CCSprite spriteWithFile:@"sprit.png"];  
  2. CCJumpBy* jump = [CCJumpBy actionWithDuration:1.0f position:cpp(80,0) height:20 jumps:1];  
  3. [sprite runAction:jump];   

这里要说一下的参数是height和jump。 

height,其实就是跳跃的高度,当时让我比较困惑的是 xcode提示这个参数的类型是ccTime,不知道是不是失误,总之不要去在意他的类型,我的感觉它和position的单位是一致的。 
jump,是整形,意思是跳跃几次。 

Java代码  收藏代码
  1. CCBezierBy,CCBezierTo   


这个跟移动很像,只是这个是按设定的曲线移动的。Bezier 中文翻译叫贝赛尔曲线或是贝兹曲线,关于这种曲线可以参考维基百科的内容。 

简单的来说,就是你设定三个点,然后它会计算出一条曲线通过这三个点,然后精灵就会按照这个曲线运动。示例如下: 


Java代码  收藏代码
  1. CCSprite* sprite = [CCSprite spriteWithFile:@"sprit.png"];  
  2. ccBezierConfig bezier;  
  3. bezier.controlPoint_1 = ccp(100,200 );  
  4. bezier.controlPoint_2 = ccp(200, -100);  
  5. bezier.endPosition = ccp(400,100);  
  6. CCBezierBy* bez = [CCBezierBy actionWithDuration:5.0f bezier:bezier];         
  7. [sprite runAction:bez];  

CCRotateBy, CCRotateTo 

用于旋转精灵,以度为单位,示例: 


Java代码  收藏代码
  1. CCSprite* sprite = [CCSprite spriteWithFile:@"sprit.png"];  
  2. CCRotateBy* rotate = [CCRotateBy actionWithDuration:1.0f angle:360];  
  3. [sprite runAction:rotate];  

CCBlink 

实现闪烁效果,示例如下: 


Java代码  收藏代码
  1. CCSprite* sprite = [CCSprite spriteWithFile:@"sprit.png"];  
  2. CCBlink* blink = [CCBlink actionWithDuration:1 blinks:5];//动作声明,一个闪烁动作  
  3. [sprite runAction:blink];//让节点闪烁  
  4. actionWithDuration:像往常一样,是以秒为单位,意思是闪烁几秒钟。  
  5. blinks: 是闪烁的次数。  


上面这个例子的意思就是,在一秒钟内闪烁5次。 

CCFadeIn,CCFadeOut, CCFadeTo
 

这三个是用来调整 透明度的,可以实现淡入,淡出效果,CCFadeTo用来调整到指定的透明度。 


Java代码  收藏代码
  1. CCSprite* sprite = [CCSprite spriteWithFile:@"sprit.png"];  
  2. CCFadeOut* fade =[CCFadeOut actionWithDuration:1.0f];  
  3. [sprite runAction:fade];  

上面是淡出效果,淡入类似。 

Java代码  收藏代码
  1. CCSprite* sprite = [CCSprite spriteWithFile:@"sprit.png"];  
  2. CCFadeTo* fadeto =[CCFadeTo actionWithDuration:1.0f opacity:100];  
  3. [sprite runAction:fadeto];  

CCFadeTo 相比前两个多了一个指定透明度的参数 opacity,这个参数的类型是GLubyte,值的范围是 0~255, 0 是完全透明, 255是完全不透明。 

Reverse Action 

几乎所有的动作都实现了 reverse 方法,这个方法用来反转动作,示例如下: 

Java代码  收藏代码
  1. id move = [CCMoveBy actionWithDuration:2  position: ccp(80,80)];  
  2. id move_reverse = [move reverse];  

上面这个例子就是,首先创建了一个 动作 “move”, 在两秒钟之内向右移动80, 同时向上方移动80。而 move_reverse 将动作反转,即,向左及向下移动80。 

我个人经常在 CCSequence中使用,比如用来实现摆动,再reverse一下摆动回来。这样就不需要再定义一个新的动作了。
分享到:
评论

相关推荐

    cocos2d-x json字符串与cocos2d::Value转换工具

    该资源主要用于cocos2d-x中Value与json字符串的相互转换,提供从json文件读取为cocos2d::Value,cocos2d::Value写入到文件,cocos2d::Value转换为json字符串,json字符串转换为cocos2d::Value。json字符串转换成cocos...

    Cocos2d-x实战:JS卷——Cocos2d-JS开发

    资源名称:Cocos2d-x实战:JS卷——Cocos2d-JS开发内容简介:本书是介绍Cocos2d-x游戏编程和开发技术书籍,介绍了使用Cocos2d-JS中核心类、瓦片地图、物理引擎、音乐音效、数据持久化、网络通信、性能优化、多平台...

    cocos2d实现RollNunber(数字滚动效果)

    感觉4个人开发游戏真的很累,游戏为了脱颖出更加真实的效果还使用了物理引擎,在老大的同意的情况下,我共享cocos2d自己写的一些大家比较常用的,因为cocos2d有些控件不怎么好用或者没有,反正我觉得是这样的。...

    cocos2d入门cocos2d入门

    cocos2d入门 cocos2d入门 cocos2d入门 cocos2d入门 cocos2d入门 cocos2d入门

    【iOS-Cocos2d游戏开发】Cocos2d-iPhone动作Action-延时动作

    【iOS-Cocos2d游戏开发】Cocos2d-iPhone动作Action-延时动作 http://blog.csdn.net/tt5267621/article/details/7625309

    COCOS2D 弹球效果

    COCOS2D 弹球效果

    cocos2d实现progress(进度条效果)

    感觉4个人开发游戏真的很累,游戏为了脱颖出更加真实的效果还使用了物理引擎,在老大的同意的情况下,我共享cocos2d自己写的一些大家比较常用的,因为cocos2d有些控件不怎么好用或者没有,反正我觉得是这样的。...

    Cocos2d-x实战 JS卷

    Cocos2d-x实战

    Cocos2D权威指南

    第1章 开始前的准备工作 1 第2章 你的第一款iPhone游戏:垂直射击游戏 38 第3章 Cocos2D核心类 69 第4章 Cocos2D中的动作、特效与动画 152 第5章 Cocos2D中的文本渲染系统 229 共19章

    Cocos2d-x实现战争迷雾效果 项目源码下载

    Cocos2d-x实现战争迷雾效果 项目源码下载

    Cocos2d-x高级开发教程

    Cocos2d-x是移动跨平台开发最流行的游戏引擎,而本书是一本很全面的、比较‘接地气’的游戏开发教程。书中汇聚了热门手机游戏《捕鱼达人》开发的实战经验,作者从最基础的内容开始,逐步深入地介绍了Cocos2d-x的相关...

    【iOS-Cocos2d游戏开发】Cocos2d-iPhone动作Action-扩展动作

    【iOS-Cocos2d游戏开发】Cocos2d-iPhone动作Action-扩展动作 http://blog.csdn.net/tt5267621/article/details/7626450

    cocos2d-x-2.1.5

    cocos2d-x-2.1.5

    Cocos2d-x 常用宏

    Cocos2d-x 常用宏

    cocos2d-x实战项目

    cocos2d-x实战项目 01.cocos2d-x原理及环境配置.rar 03.cocostudio使用方法及UI控制.rar 04.XML文件读取与骨骼动画.rarcocos2d-x实战项目 01.cocos2d-x原理及环境配置.rar 03.cocostudio使用方法及UI控制.rar 04.XML...

    cocos2d-iphone 2.1 第一部分

    继续输入cd Cocos2d-iPhone-0.99.5(cd Cocos2d-iPhone-0.99.5为解压的cocos2d文件夹名称)进入cocos2d文件夹中。 4。继续输入./install-templates.sh则打开你文件夹下面的install-templates.sh进行cocos2d的安装。...

    cocos2d-x事件类

    在使用cocos2d-x开发游戏的过程中,为了实现逻辑和显示相分离。 在下通宵了一个晚上,写出了该事件类。 谨记,该事件只能用于cocos2d-x中。 事件发送者需要继承EventDispatcher类 事件接收者需要继承EventHandle类...

    Cocos2d demo 场景切换效果TransitionScene 补充

    学习cocos2d过程中的demo,场景切换效果,cocos2d官方demo中也有。只需将压缩包内的code和资源替换项目中的即可 相关文章: http://blog.csdn.net/lsmfeixiang/article/details/43411919

    cocos2d-x 初级粒子爆炸特效

    cocos2d-x 初级粒子爆炸特效,引用了大虾superraccoon作品中的资源,做初级示范之用。

    cocos2d实现slider滑块效果

    感觉4个人开发游戏真的很累,游戏为了脱颖出更加真实的效果还使用了物理引擎,在老大的同意的情况下,我共享cocos2d自己写的一些大家比较常用的,因为cocos2d有些控件不怎么好用或者没有,反正我觉得是这样的。...

Global site tag (gtag.js) - Google Analytics