libgdx游戏引擎教程(十二)演员类的复杂动画(三)(附源码)

转自:http://www.apkbus.com/android-60194-1-1.html

本讲源代码:
edu.nju.wsj.libgdx.rar(3.78 MB, 下载次数: 150)

2012-7-20 17:32 上传
点击文件名下载附件
下载积分: 下载豆 -2


接着十一讲的内容,我们接下来来试试多个动作的混合效果。我们在第十一讲的基础上继续做修改。

现在Progress.java添加一个MoveTo


  1. MoveTo move;
复制代码

show()中初始化并且和AnimalActor绑定:


  1. move=MoveTo.$(200, 200, 5f);
  2. animal.action(move);
复制代码

我们运行一下,发现并没有出现移动的效果,这是由于我们在第十一讲中AnimalActordraw()函数中没用到Actorx,y,因此即使MoveTo改变了Actorx,y值,依然不能直接显示出来,那么我们修改一下AnimalActordraw()函数,修改成:


  1. arg0.draw(currentFrame, x, y, 64*power, 64*power, 128*power, 128*power, 1, 1, this.rotation, true);
复制代码
们运行一下看看效果:

1.gif
2012-7-20 17:23 上传
下载附件(105.55 KB)


整体效果出来了,正是这个Actor在整体平移并且绕自身中心旋转。

那我们怎么实现动画的顺序播放呢?换一句话说,就是执行完一个动作再去执行第二个动作。我们可以在第一个动作中设置一个监听器OnActionCompleted,在第一个动作结束的时候调用Actoraction(Actionaction)方法,将第二个动作与Actor绑定

我们修改一下源代码,在Progress.java部分,MoveToRotate初始化处,原来的代码是这样的:
  1. roll=RotateTo.$(360, 5f);
  2. move=MoveTo.$(200, 200, 5f);
  3. animal.action(roll);
  4. animal.action(move);
复制代码
我们修改成这样:
  1. roll=RotateTo.$(360, 5f);
  2. move=MoveTo.$(200, 200, 5f);
  3. roll.setCompletionListener(new OnActionCompleted(){

  4. @Override
  5. public void completed(Action arg0) {
  6. // TODO Auto-generated method stub
  7. animal.action(move);
  8. System.out.println("Rotate complete");
  9. }

  10. });
  11. animal.action(roll);
复制代码
运行一下看看效果:

2.gif
2012-7-20 17:23 上传
下载附件(190.81 KB)


除了用这种办法以外,Libgdx还提供了一个Action,Sequence


3.PNG
2012-7-20 17:23 上传
下载附件(10.76 KB)



我们可以看到,Sequence类继承自CompositeAction,从字面意思理解就是混合动作的Action,我们不妨再看看CompositeAction的介绍:

4.PNG
2012-7-20 17:23 上传
下载附件(7.6 KB)



我们发现它的直接子类有两个,一个是我们刚才提到的Sequence,另一个是Parallel,从字面意思理解我们就可以知道,Sequence中的Action是一个个按顺序触发的,上一个Action结束才会进行下一个Action,相反,Parallel中的Action则是同时开始的


那么我们既然知道了这两个Action可以做到这样的效果,那么我们不妨来试试看。我们先用Parallel来替代我们原先的代码, ,我们将代码修改一下,把原来的MoveToRotate删除,添加Parallel

  1. Parallel parallel;
复制代码

show()中的代码改成:
  1. Parallel=Parallel.$(RotateTo.$(360, 5f),MoveTo.$(200, 200, 5f));
  2. animal.action(parallel);
复制代码

运行看一下效果:

5.gif
2012-7-20 17:23 上传
下载附件(105.55 KB)



效果和我们起初的时候一样。


现在我们改成用Sequence实现顺序动作,添加Sequence变量:

  1. Sequence sequence;
复制代码

show()中的代码改成:

  1. sequence=Sequence.$(RotateTo.$(360, 5f),MoveTo.$(200, 200, 5f));
  2. animal.action(sequence);
复制代码

运行一下,看一看效果:


6.gif
2012-7-20 17:23 上传
下载附件(190.81 KB)



效果还是和我们前面实现的顺序触发效果一样,而且相比之前方便了不少。另外我们还可以进行多层封装,就是将多个Sequence或者Parallel放在Sequence或者Parallel中,这样就能创造出不错的效果。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值