cocos2dx 动画是个非常奇妙的东西~~。 这里看到的是一个物体,在运动的过程中会不断地翻转的过程。

两个动画一起来~~



以下的代码中涉及到:CCAnimation(补间动画 )  CCAnimate(动画)  CCDelayTime(延迟动作)  CCFadeTo(设置透明态度) CCSequence(动作序列)  CCSpawn(让精灵的若干个动画同一时候运行)  CCRepeateForever(无限循环)  CCCallFuncN(瞬时动作中  node回调函数)  CCMoveTo (移动动作)


这里是用lua来写的,不是用c++写的。  lua来写这个真的是非常好。非常方便。
不多说,直接看代码。当中这些类的使用方法网上一搜一大把。


local winSize = CCDirector:shareDirector():getWinSize()

local layer = CCLayerColor:create(ccc4(0, 0, 0, 111), winSize.winSize, winSize.height)

--载入运动过程中的动画   使用文件载入  texturepacker

--这样的载入方式网上一大把,不知道原理的自行google

local cache = CCSpriteFrameCache:sharedSpriteFrameCache():addSpriteFramesWithFile("plist文件")

local array = CCArray:create()

for i = 1, n do   --这里n是帧的数量

local path = string.format("%d.png", i)

local name = CCSpriteFrameCache:sharedSpriteFrameCache():spriteFrameByName(path)

array:addObject(name)

end

local animation = CCAnimation:createWithSpriteFrames(array)

--也能够用table来设计几个动

--[[

local info =

{

{ pointx = 1, pointy = 2},

{ pointx = 1, pointy = 2}

}

local j = 0

for j = 1, #info do

local info1 = info[j]

info1.pointx

end

]]

--运动动画

local j = 0

for j = 1, 10 do   --几个在动

--刚刚设置的帧动画

animation:setDelayPerUnit((math.random(5, 10)) / 70)

animation:setRestoreOriginalFrame(true)

local animate = CCAnimate:create(animation)

animate:setTag(0)

--运动动画

local sprite = CCSprite:create("图片文件, 这里是跟plist文件名称一样的名字哟")

local offset = j * math.random(-1, 1)         --这里-1。 1 就是中间切割  向两側产生

sprite:setPosition(ccp(x + offset, y))   -- 这里的x, y 你自定义

sprite:setScale(1.2)

layer:addChile(sprite)

local arraymove = CCArray:create()

arraymove:addObject(CCDelayTime:create(j * 0.1))  --依据须要自己设置延时

local moveto = CCMoveTo:create(0.8, ccp(x + offset, y))   --跟上面的对照 x, y自己设置

local arrayFade = CCArray:create()

local delayFade = CCDelayTime:create(0.8)

local fade = CCFadeTo:create(0.05, 0)  --0.05秒内。 变为不透明

arrayFade:addObject(delayFade)

arrayFade:addObject(fade)

local actionFade = CCSequence:create(arrayFade)

local spawn = CCSpawn:createWithTwoActions(moveto, actionFade)  --让精灵的若干个动画同一时候运行

arraymove:addObject(spawn)

local action = CCSequence:create(arraymove)

sprite:runAction(CCRepeateForever:create(animate))

sprite:runAction(action)

end

--延迟销毁动作

local scene = CCDirector:sharedDirector():getRunningScene()

scene:addChile(layer, 100)

local arrayend = CCArray:create()

arrayend:addObject(CCDelayTime:create(2))   --延迟时间

arrayend:addObject(CCFadeTo:create(0.1, 0))

arrayend:addObject(CCCallFuncN:create(removeLayer))  --这里removeLayer是一个函数

local endAction = CCSequence:create(arrayend)

layer:runAction(endAction)

function removeLayer(n)

n = tolua.cast(n, "CCNode")

n:removeFromParentAndCleanup(true)

end

cocos2dx 运动+旋转动画 CCSequence CCAnimation CCAnimate CCMoveTo CCCallFuncN的更多相关文章

  1. cocos2dx基础篇(22) 基本动画CCAnimation/CCAnimate

    [小知识] CCSpriteFrame     :精灵帧.    它是相对动画而产生的,其实就是一张纹理图片. CCAnimationFrame  :动画帧.    由精灵帧与间隔帧数组成,是动画CC ...

  2. cocos2dx中创建动画的三种方法

    1.最最原始的方法,先创建动画帧,再创建动画打包(animation),再创建动画(animate) 第一步: 创建动画帧:CCSpriteFrame,依赖于原始的资源图片(xx.png,xx.jpg ...

  3. 【Cocos2d-X开发学习笔记】第21期:动画类(CCAnimate)的使用

    本系列学习教程使用的是cocos2d-x-2.1.4(最新版为3.0alpha0-pre) ,PC开发环境Windows7,C++开发环境VS2010 之前我们已经学习过一些方法让节点“动”起来,Co ...

  4. cocos2dX 之CCAnimation/CCAnimate

    我们今天来学习cocos2dX里面的动画的制作, 有人说, 不是前面CCAction已经学过了吗? 怎么还要学, CCAction是动作, 而我们今天要学的是动画哦, 是让一个东西动起来哦, 好了进入 ...

  5. cocos2d-x学习笔记------动画人物跑起来吧!

    学习总结: 1.sprintf用来格式化字符串 2.CCSpriteFrame:: frameWithTexture通过图片名创建的时候需要的参数Texture2D创建使用CCTextureCache ...

  6. 动作-CCActionInterval之CCAnimation&CCAnimate

    动画简单实例 v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#def ...

  7. css3制作旋转动画

    现在的css3真是强大,之前很多动画都是用jq来实现,但是css3制作的动画要比jq实现起来简单很多,今天呢,我自己也写了一个css旋转动画和大家分享.效果如下面的图片 思路:1.制作之前呢,我们先来 ...

  8. Android立体旋转动画实现与封装(支持以X、Y、Z三个轴为轴心旋转)

    本文主要介绍Android立体旋转动画,或者3D旋转,下图是我自己实现的一个界面 立体旋转分为以下三种: 1. 以X轴为轴心旋转 2. 以Y轴为轴心旋转 3. 以Z轴为轴心旋转--这种等价于andro ...

  9. iOS开发--QQ音乐练习,旋转动画的实现,音乐工具类的封装,定时器的使用技巧,SliderBar的事件处理

    一.旋转动画的实现 二.音乐工具类的封装 -- 返回所有歌曲,返回当前播放歌曲,设置当前播放歌曲,返回下一首歌曲,返回上一首歌曲方法的实现 头文件 .m文件 #import "ChaosMu ...

随机推荐

  1. HTML5学习(六)---------SVG 与Canvas

    参考教程:http://www.w3school.com.cn/html5/html_5_canvas_vs_svg.asp Canvas 和 SVG 都允许您在浏览器中创建图形,但是它们在根本上是不 ...

  2. [转载]12款免费与开源的NoSQL数据库介绍

    Naresh Kumar是位软件工程师与热情的博主,对于编程与新事物拥有极大的兴趣,非常乐于与其他开发者和程序员分享技术上的研究成果.近日,Naresh撰文谈到了12款知名的免费.开源NoSQL数据库 ...

  3. poj1989

    一道非常神奇的题目 var v:array[0..10010] of boolean; n,k,i,x,ans,s:longint; begin readln(n,k); fillchar(v,siz ...

  4. Java [leetcode 34]Search for a Range

    题目描述: Given a sorted array of integers, find the starting and ending position of a given target valu ...

  5. 剑指Offer:连续子数组的最大和

    题目: 输入一个整型数组, 数组里有正数也有负数. 数组中的一个或连续的多个整数组成一个子数组. 求所有子数组的和的最大值. 要求时间复杂度为O(n) #include <stdio.h> ...

  6. andori 动画验证必填项

    android项目开发过程中,都会碰到必填项的校验,最简单的就是利用Toast对用进行提示,感觉这种提示太不够人性化了,那么今天就来个带动画的,并可以将光标定位到必填项中. andorid动画Anim ...

  7. 常用高度——获取浏览器窗口的高度(jquery和js)

    一:针对浏览器的常用高度 jquery的用法: <script type="text/javascript"> $(document).ready(function() ...

  8. shell部分命令缩写

    bin = BINaries /dev = DEVices /etc = ETCetera /lib = LIBrary /proc = PROCesses /sbin = Superuser BIN ...

  9. c#里BindingFlags 筛选标志

    下列 BindingFlags 筛选标志可用于定义包含在搜索中的成员: 为了获取返回值,必须指定 BindingFlags.Instance 或 BindingFlags.Static. 指定 Bin ...

  10. 【转】C数据存储(包括const存储在哪,C++不同部分我在文中用红字已指出)

    非原创(文中红字为自己见解,如有不对,请大神指点) 程序由指令和数据组成,C语言程序亦是如此.开发者在编写程序的时候往往需要根据不同数据的特点以及程序需求来选择不同的数据存储方式,那么在C语言中数据的 ...