[AndEngine学习教程] 第4节 制作人物动画

最新推荐文章于 2020-12-22 11:11:17 发布
最新推荐文章于 2020-12-22 11:11:17 发布
阅读量1k 收藏
点赞数
分类专栏： libgdx AndEngine

转自：http://blog.csdn.net/cen616899547/article/details/8131842

 

1.回顾

在上一节我们制作一个可以变幻的图形,这节将基于上一节的内容,制作一个行走的人物动画.在这里就称它为战士吧!呵呵!!!!

2.新使用到的资源

1.RepeatingSpriteBackground 游戏场景中使用到的背景绘制策略,本节中使用到草坪背景,由于背景大小是可以自动调节的,

不可能绘制一张固定大小的图片来作为背景.一方面占用空间大不说,另一方面背景图片经过缩放后效果也不好


2.PathModifier 为战士设定行走路径.需要说明的是:这里的路径是两点间的直线路径.比如只需要设定起点和终点.战士就会

沿着这两点间的直线进行移动

3.源代码陈述

1.关于RepeatingSpriteBackground ,这是一种重复绘制背景图片的策略,此类继承于SpriteBackground ,有两个构造函数:

[java] view plain copy print ?
  1. /**
  2. * @param pCameraWidth
  3. * @param pCameraHeight
  4. * @param pTextureManager
  5. * @param pBitmapTextureAtlasSource needs to be a power of two as otherwise the <code>repeating</code> feature doesn't work.
  6. */
  7. public RepeatingSpriteBackground(finalfloat pCameraWidth, finalfloat pCameraHeight, final TextureManager pTextureManager,final IBitmapTextureAt lasSource pBitmapTextureAtlasSource,final VertexBufferObjectManager pVertexBufferObjectManager)throws IllegalArgumentException {
  8. this(pCameraWidth, pCameraHeight, pTextureManager, pBitmapTextureAtlasSource,1, pVertexBufferObjectManager);
  9. }
  11. public RepeatingSpriteBackground(finalfloat pCameraWidth, finalfloat pCameraHeight, final TextureManager pTextureManager,final IBitmapTextureAt lasSource pBitmapTextureAtlasSource,final float pScale,final VertexBufferObjectManager pVertexBufferObjectManager)throws IllegalArgumentException {
  12. super(null);
  14. this.mScale = pScale;
  15. this.mEntity = this.loadSprite(pCameraWidth, pCameraHeight, pTextureManager, pBitmapTextureAtlasSource, pVertexBufferObjectManager);
  16. } 
/**
	 * @param pCameraWidth
	 * @param pCameraHeight
	 * @param pTextureManager
	 * @param pBitmapTextureAtlasSource needs to be a power of two as otherwise the <code>repeating</code> feature doesn't work.
	 */
	public RepeatingSpriteBackground(final float pCameraWidth, final float pCameraHeight, final TextureManager pTextureManager, final IBitmapTextureAt              lasSource pBitmapTextureAtlasSource, final VertexBufferObjectManager pVertexBufferObjectManager) throws IllegalArgumentException {
		this(pCameraWidth, pCameraHeight, pTextureManager, pBitmapTextureAtlasSource, 1, pVertexBufferObjectManager);
	}

	public RepeatingSpriteBackground(final float pCameraWidth, final float pCameraHeight, final TextureManager pTextureManager, final IBitmapTextureAt                 lasSource pBitmapTextureAtlasSource, final float pScale, final VertexBufferObjectManager pVertexBufferObjectManager) throws IllegalArgumentException {
		super(null);

		this.mScale = pScale;
		this.mEntity = this.loadSprite(pCameraWidth, pCameraHeight, pTextureManager, pBitmapTextureAtlasSource, pVertexBufferObjectManager);
	}

本例子中使用到的是第一种构造函数,实现形式如下:

[java] view plain copy print ?
  1. private static finalint CAMERA_WIDTH=800;
  2. private staticfinal int CAMERA_HEIGHT=480;
  3. private Camera mCamera;
  4. private RepeatingSpriteBackground mGrassBackground;
  5. private TiledTextureRegion mPlayerTextureRegion;
  6. private BitmapTextureAtlas mTexture;
  8. @Override
  9. public EngineOptions onCreateEngineOptions() {
  10. // TODO Auto-generated method stub
  11. mCamera = new Camera(0,0, CAMERA_WIDTH, CAMERA_HEIGHT);
  12. EngineOptions engineOptions = new EngineOptions(true,ScreenOrientation.LANDSCAPE_SENSOR,new RatioResolutionPolicy(CAMERA_WIDTH,CAMERA_HEIGHT), mCamera);
  13. return engineOptions;
  14. }
  16. @Override
  17. public void onCreateResources(
  18. OnCreateResourcesCallback pOnCreateResourcesCallback)
  19. throws Exception {
  20. // TODO Auto-generated method stub
  21. this.mTexture = new BitmapTextureAtlas(getTextureManager(), 128, 128, TextureOptions.BILINEAR_PREMULTIPLYALPHA);
  22. this.mPlayerTextureRegion = BitmapTextureAtlasTextureRegionFactory.createTiledFromAsset(mTexture,this,"player.png",0,0,3,4);
  23. this.mGrassBackground =new RepeatingSpriteBackground(CAMERA_WIDTH, CAMERA_HEIGHT, getTextureManager(), AssetBitmapTextureAtlasSource.create(getAssets(),"background_grass.png"), getVertexBufferObjectManager());
  25. mTexture.load();
  26. pOnCreateResourcesCallback.onCreateResourcesFinished();
  27. } 
        private static final int CAMERA_WIDTH=800;
	private static final int CAMERA_HEIGHT=480;
	private Camera mCamera;
	private RepeatingSpriteBackground mGrassBackground;
	private TiledTextureRegion mPlayerTextureRegion;
	private BitmapTextureAtlas mTexture;
	
	@Override
	public EngineOptions onCreateEngineOptions() {
		// TODO Auto-generated method stub
		mCamera = new Camera(0, 0, CAMERA_WIDTH, CAMERA_HEIGHT);
		EngineOptions engineOptions = new EngineOptions(true,ScreenOrientation.LANDSCAPE_SENSOR, new RatioResolutionPolicy(CAMERA_WIDTH,CAMERA_HEIGHT), mCamera);
		return engineOptions;
	}

	@Override
	public void onCreateResources(
			OnCreateResourcesCallback pOnCreateResourcesCallback)
			throws Exception {
		// TODO Auto-generated method stub
		this.mTexture = new BitmapTextureAtlas(getTextureManager(), 128, 128, TextureOptions.BILINEAR_PREMULTIPLYALPHA);
		this.mPlayerTextureRegion = BitmapTextureAtlasTextureRegionFactory.createTiledFromAsset(mTexture, this,"player.png", 0,0,3, 4);
		this.mGrassBackground = new RepeatingSpriteBackground(CAMERA_WIDTH, CAMERA_HEIGHT, getTextureManager(), AssetBitmapTextureAtlasSource.create(getAssets(), "background_grass.png"), getVertexBufferObjectManager());
		
		mTexture.load();
		pOnCreateResourcesCallback.onCreateResourcesFinished();
	}


 

然后在onCreateScene(OnCreateSceneCallback pOnCreateSceneCallback)函数中实现

[java] view plain copy print ?
  1. Scene mScene = new Scene();
  2. mScene.setBackground(mGrassBackground);
  3. pOnCreateSceneCallback.onCreateSceneFinished(mScene); 
        Scene mScene = new Scene();
        mScene.setBackground(mGrassBackground);
        pOnCreateSceneCallback.onCreateSceneFinished(mScene);

这样就把重复是的背景放置完成.

3.重点介绍

本例中用到一个72x128大小,3列4行的精灵战士

因此动画的创建方式为:

[java] view plain copy print ?
  1. final AnimatedSprite player =new AnimatedSprite(10,10, 48,64, mPlayerTextureRegion, getVertexBufferObjectManager());
  2. mScene.attachChild(player); 
final AnimatedSprite  player = new AnimatedSprite(10, 10, 48, 64, mPlayerTextureRegion, getVertexBufferObjectManager());
mScene.attachChild(player);

这样就把战士般到了屏幕上,但是此时,战士还不会动,为了让它动起来可要花费点力气的.呵呵!.有什么办法呢?就是给战士注册监听实体,

由于本例子要求的是战士按照设定路径移动,自然想到AndEngine中的Path类,定义一个可以围绕整个屏幕的path路线:

[java] view plain copy print ?
  1. final Path path = new Path(5).to(10,10).to(10, CAMERA_HEIGHT -74).to(CAMERA_WIDTH-58, CAMERA_HEIGHT -74).to(CAMERA_WIDTH-58,10).to(10,10); 
final Path path = new Path(5).to(10, 10).to(10, CAMERA_HEIGHT - 74).to(CAMERA_WIDTH-58, CAMERA_HEIGHT - 74).to(CAMERA_WIDTH-58, 10).to(10, 10);

每个to函数为Path添加一个路径,最终形成一个从屏幕左上角->左下角->右下角->右上角->左上角的封闭路径.

有了以上基础,当然是添加基于Path类修改器啦.

[java] view plain copy print ?
  1. PathModifier pathModifier = new PathModifier(30.0f, path,new IPathModifierListener(){
  3. @Override
  4. public void onPathStarted(PathModifier pPathModifier,
  5. IEntity pEntity) {
  6. // TODO Auto-generated method stub
  8. }
  10. @Override
  11. public void onPathWaypointStarted(PathModifier pPathModifier,
  12. IEntity pEntity, int pWaypointIndex) {
  13. // TODO Auto-generated method stub
  14. switch(pWaypointIndex) {
  15. case 0:
  16. player.animate(new long[]{200,200, 200},6, 8,true);
  17. break;
  18. case 1:
  19. player.animate(newlong[]{200,200, 200},3, 5,true);
  20. break;
  21. case 2:
  22. player.animate(new long[]{200,200, 200},0, 2,true);
  23. break;
  24. case 3:
  25. player.animate(newlong[]{200,200, 200},9, 11,true);
  26. break;
  27. }
  28. }
  30. @Override
  31. public void onPathWaypointFinished(PathModifier pPathModifier,
  32. IEntity pEntity, int pWaypointIndex) {
  33. // TODO Auto-generated method stub
  35. }
  37. @Override
  38. public void onPathFinished(PathModifier pPathModifier,
  39. IEntity pEntity) {
  40. // TODO Auto-generated method stub
  42. }
  46. },EaseSineInOut.getInstance()); 
PathModifier pathModifier = new PathModifier(30.0f, path, new IPathModifierListener(){

			@Override
			public void onPathStarted(PathModifier pPathModifier,
					IEntity pEntity) {
				// TODO Auto-generated method stub
				
			}

			@Override
			public void onPathWaypointStarted(PathModifier pPathModifier,
					IEntity pEntity, int pWaypointIndex) {
				// TODO Auto-generated method stub
				switch(pWaypointIndex) {
				case 0:
					player.animate(new long[]{200, 200, 200}, 6, 8, true);
					break;
				case 1:
					player.animate(new long[]{200, 200, 200}, 3, 5, true);
					break;
				case 2:
					player.animate(new long[]{200, 200, 200}, 0, 2, true);
					break;
				case 3:
					player.animate(new long[]{200, 200, 200}, 9, 11, true);
					break;
			}
			}

			@Override
			public void onPathWaypointFinished(PathModifier pPathModifier,
					IEntity pEntity, int pWaypointIndex) {
				// TODO Auto-generated method stub
				
			}

			@Override
			public void onPathFinished(PathModifier pPathModifier,
					IEntity pEntity) {
				// TODO Auto-generated method stub
				
			}

		
			
		},EaseSineInOut.getInstance());

战士行走动作的变化是一个基础动画,所以需要Animate方法.但是战士在每个位置脸朝向不一样的,所以到了每个拐点的开始处都

需要修改动画的脸部朝向,这样就更加逼真点.从图片可以看出他们的对应关系.需要说明的是player.animate()函数:

[java] view plain copy print ?
  1. public void animate(finallong[] pFrameDurations, finalint pFirstTileIndex, finalint pLastTileIndex, finalboolean pLoop) {
  2. this.animate(pFrameDurations, pFirstTileIndex, pLastTileIndex, pLoop,null);
  3. } 
public void animate(final long[] pFrameDurations, final int pFirstTileIndex, final int pLastTileIndex, final boolean pLoop) {
		this.animate(pFrameDurations, pFirstTileIndex, pLastTileIndex, pLoop, null);
	}

各个参数的含义为:(战士图片中可以看出:有4组动作,每组动作为3个画面)

pFrameDurations:连续播放3个画面,三个long数据为每个动画的播放时间间隔,单位为毫秒;

pFirstTileIndex:动画的其起始列,按照"Z"字形排列计数.
pLastTileIndex:动画的结束序列,按照"Z"字形排列计数.
pLoop:是否循环播放

为了让战士行走路径也能循环,在PathModifier的基础上增加LoopEntityModifier

[java] view plain copy print ?
  1. LoopEntityModifier loopModifier = new LoopEntityModifier(pathModifier, -1);
LoopEntityModifier loopModifier = new LoopEntityModifier(pathModifier, -1);


有了loopModifier,当然是把它绑定到player上啦

[java] view plain copy print ?
  1. player.registerEntityModifier(loopModifier); 
player.registerEntityModifier(loopModifier);


至此,整个设计任务完成了,下面看看运行的结果图片:








本例子源代码:http://download.csdn.net/detail/cen616899547/4705911

 

gf771115
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
andengine多张小图片实现动画精灵效果
wulong710的专栏
01-23 1187
andengine动画精灵，需要美工将多张动画单张图片合成到一张大图片上，程序调用这张大图片生成动画精灵。 我封装一个类，直接传入多张小图片名称，就生成动画精灵类，不用美工来辅助了。 封装的精灵类，AnimationSprite： package com.example; import android.content.Context; import org.anddev.a
(转)[AndEngine学习教程] 第4节 制作人物动画
gxj1680的专栏
04-27 788
1.回顾     在上一节我们制作一个可以变幻的图形,这节将基于上一节的内容,制作一个行走的人物动画.在这里就称它为战士吧!呵呵!!!! 2.新使用到的资源    1.RepeatingSpriteBackground 游戏场景中使用到的背景绘制策略,本节中使用到草坪背景,由于背景大小是可以自动调节的,        不可能绘制一张固定大小的图片来作为背景.一方面占用空间大
andengine封装动画精灵类
01-23
封装了个andengine的动画精灵类，可以直接传入多张小图片的名称，直接生成动画精灵
AndEngineAnimate:AndEngine动画类。 与更新处理程序一起使用以移动对象
05-10
AndEngineAnimate AndEngine动画类。 与更新处理程序一起使用以移动对象。 注意：我已经有一段时间没有更新这些了。 它们可能与当前版本的AndEngine不兼容。 该存储库旨在与精灵或实体配合使用，以各种方式对其进行动画处理。 这将包括可以执行以下操作的动画： 以一定的速度在两个点之间移动对象。 使对象绕给定点旋转使对象在区域中上下移动使对象在区域中左右移动使对象以波动模式左右移动使对象以波动模式上下移动
AndEngine 例子AnimatedSprites
10-31
AndEngine 例子AnimatedSprites 多个动画,并且支持多点触摸哦
AndEngine完整版
11-19
AndEngine完整版参考，可直接运行。
AndEngine 经典实例
10-02
AndEngine是一款开源的Android游戏开发框架，专注于2D游戏的制作。它基于OpenGL ES 2.0，提供了高效且简洁的API，使得开发者能够快速构建高质量的2D游戏。AndEngine经典实例是针对这个框架的一系列官方示例，旨在...
AndEngine学习
05-18
AndEngine学习.docx
AndEngine 碰撞检测
10-02
"9CollisionDetection"这个文件名可能是第九节关于碰撞检测的教程或示例代码。在这个章节中，开发者可能详细讲解了如何创建实体，设置碰撞检测，以及如何正确处理碰撞事件。可能包含的内容有： 1. 如何创建...
Android应用源码之andengine中直接加载多张小图片合成大图片动画
10-21
在Android应用开发中，AndEngine是一款非常流行的2D游戏开发引擎，它提供了强大的图形渲染和动画处理能力。本文将深入探讨如何在AndEngine中通过直接加载多张小图片来合成一张大图片，进而创建出动态的动画精灵。 ...
andEngine > 学习1
08-04
《AndEngine > 学习1》 AndEngine是一款开源的Android游戏开发框架，它基于OpenGL ES 2.0，提供了一套简洁、高效的游戏开发接口，使得开发者可以快速地创建2D游戏。这个主题的学习主要涵盖了AndEngine的基本概念、...
游戏引擎AndEngine总结（十）：单帧图片组合成为动画资源
oneRain88的专栏
04-25 6403
最近工作比较忙，要学的东东比较多，所以AndEngine就耽搁下了，一直还停在之前的理解上，虽说现在的游戏是基于AndEngine的，但是已经处在被动的学习状态下了（遇到问题的时候再去看看原理。。。），很不好，其实AndEngine还是很优秀的，虽说没有文档，但是源码就是最好的文档！ 在上一篇blog中我总结了一下加载资源的几种常见的方式，只是站在我的角度来总结的，没想到竟然有同学回复了
UE4（虚幻4）基础：人物/动画导入与角色蓝图
热门推荐
lzzw的学习之路
03-08 2万+
如果是官方的虚幻商城下载的就无所谓了，直接添加到工程即可 如果是第三方的网站下载的，例如 mixamo <-戳 一.角色导入： 创建项目，选择第三人称模板，蓝图，不包含新手包 将下载好的角色fbx文件拖拽到UE4中，或者点击导入 然后出现fbx导入设置，默认即可，点击导入 导入成功后你的文件夹中会有材质，贴图，骨架等 新建角色蓝图：点击蓝图...
(转)[AndEngine学习教程] 第3节 使用Modifier修改动画
gxj1680的专栏
04-27 1089
1.AndEngine的动画修改器(modifier)有很多种,常用的有一下几种:     1.AlphaModifier:透明度修改器,有以下几种构造:                [java] view plaincopy public AlphaModifier(final float pDuration, final float p
ue4人物动作_UE4动画重定向
weixin_39829166的博客
12-22 1382
动画重定向相同骨骼的动画重定向动画信息描述：https://docs.unrealengine.com/en-us/Engine/Animation/AnimationRetargeting动画重定向设置：https://docs.unrealengine.com/en-US/Engine/Animation/AnimHowTo/Retargeting打开骨骼模型，在window里面勾选Skele...
UE角色以及角色动画超详细流程干货！这次是step by step！
libido0220的博客
03-28 1万+
文章转自魔型志。 大家好，今天给大家带来一个虚幻引擎角色动画的一个干货！这真的是干货！这次是幻工作室另一位资深艺术家西蒙所带来。 给大家简单介绍下西蒙，来自幻羽科技，技术美术，幻羽第一个加入的美术艺术家（美术你都转技美，大哥啦），现在工作主要是涉及虚幻引擎4的模型以及贴图，绑定动画，特效，引擎内动画，音效等方面（你是全能好么！！！！）西蒙（我打了好几次西门。。。。）！原来是一名教师，后
AndEngine学习 ： AnimatedSpritesExample（动画）
weixin_30690833的博客
10-31 269
// 代码一目了然，注释写的很清楚，我就不多说废话了// 图片: banana_tiled.png face_box_tiled.png helicopter_tiled.png snapdragon_tiled.png // 以上是需要的图片，都放到工程目录下的assets/gfx目录下public class AnimatedSpritesActivity extend...
统计预测与决策课程实验
07-06
内含实验与完整程序
上市公司工业机器人渗透度数据集（2007-2022年）.txt
最新发布
07-06
因文件较多，数据存放网盘，txt文件内包含下载链接及提取码，永久有效。失效会第一时间进行补充。样例数据及详细介绍参见文章：https://blog.csdn.net/T0620514/article/details/140237650
Android游戏框架AndEngine使用入门
03-25
AndEngine是一个流行的Android游戏开发框架，本文将对其使用入门进行总结。首先介绍了AndEngine的基本运行原理。通过解析AndEngine源码，可以发现它采用了低耦合、高内聚的框架策略，将引擎模块细分为多个部分，并...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值