AndEngine Example(9):EaseFunctionExample

原创 于 2014-03-26 17:24:43 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#andengine #安卓

本文详细介绍了EaseFunction的概念及其在动画中的作用，通过多种类型EaseFunction的使用，实现对象运动过程的非线性变化，包括但不限于Back、Bounce、Cubic、Elastic、Exponential、Quad、Quart、Quint、Sine和Strong等，同时提供了实例演示如何在代码中应用这些函数，以达到更自然流畅的动画效果。

目标：

1. 了解什么是EaseFunction

2. 了解几种类型的EaseFunction


-----------------------------------------------------------------


package org.andengine.examples;

import org.andengine.engine.camera.Camera;
import org.andengine.engine.camera.hud.HUD;
import org.andengine.engine.options.EngineOptions;
import org.andengine.engine.options.ScreenOrientation;
import org.andengine.engine.options.resolutionpolicy.RatioResolutionPolicy;
import org.andengine.entity.modifier.MoveModifier;
import org.andengine.entity.primitive.Line;
import org.andengine.entity.scene.Scene;
import org.andengine.entity.sprite.Sprite;
import org.andengine.entity.text.Text;
import org.andengine.entity.util.FPSLogger;
import org.andengine.input.touch.TouchEvent;
import org.andengine.opengl.font.Font;
import org.andengine.opengl.texture.ITexture;
import org.andengine.opengl.texture.TextureOptions;
import org.andengine.opengl.texture.atlas.bitmap.BitmapTextureAtlas;
import org.andengine.opengl.texture.atlas.bitmap.BitmapTextureAtlasTextureRegionFactory;
import org.andengine.opengl.texture.region.ITextureRegion;
import org.andengine.ui.activity.SimpleBaseGameActivity;
import org.andengine.util.modifier.ease.EaseBackIn;
import org.andengine.util.modifier.ease.EaseBackInOut;
import org.andengine.util.modifier.ease.EaseBackOut;
import org.andengine.util.modifier.ease.EaseBounceIn;
import org.andengine.util.modifier.ease.EaseBounceInOut;
import org.andengine.util.modifier.ease.EaseBounceOut;
import org.andengine.util.modifier.ease.EaseCircularIn;
import org.andengine.util.modifier.ease.EaseCircularInOut;
import org.andengine.util.modifier.ease.EaseCircularOut;
import org.andengine.util.modifier.ease.EaseCubicIn;
import org.andengine.util.modifier.ease.EaseCubicInOut;
import org.andengine.util.modifier.ease.EaseCubicOut;
import org.andengine.util.modifier.ease.EaseElasticIn;
import org.andengine.util.modifier.ease.EaseElasticInOut;
import org.andengine.util.modifier.ease.EaseElasticOut;
import org.andengine.util.modifier.ease.EaseExponentialIn;
import org.andengine.util.modifier.ease.EaseExponentialInOut;
import org.andengine.util.modifier.ease.EaseExponentialOut;
import org.andengine.util.modifier.ease.EaseLinear;
import org.andengine.util.modifier.ease.EaseQuadIn;
import org.andengine.util.modifier.ease.EaseQuadInOut;
import org.andengine.util.modifier.ease.EaseQuadOut;
import org.andengine.util.modifier.ease.EaseQuartIn;
import org.andengine.util.modifier.ease.EaseQuartInOut;
import org.andengine.util.modifier.ease.EaseQuartOut;
import org.andengine.util.modifier.ease.EaseQuintIn;
import org.andengine.util.modifier.ease.EaseQuintInOut;
import org.andengine.util.modifier.ease.EaseQuintOut;
import org.andengine.util.modifier.ease.EaseSineIn;
import org.andengine.util.modifier.ease.EaseSineInOut;
import org.andengine.util.modifier.ease.EaseSineOut;
import org.andengine.util.modifier.ease.EaseStrongIn;
import org.andengine.util.modifier.ease.EaseStrongInOut;
import org.andengine.util.modifier.ease.EaseStrongOut;
import org.andengine.util.modifier.ease.IEaseFunction;

import android.graphics.Color;
import android.graphics.Typeface;

/**
 * (c) 2010 Nicolas Gramlich
 * (c) 2011 Zynga
 *
 * @author Nicolas Gramlich
 * @since 15:12:16 - 30.07.2010
 */
public class EaseFunctionExample extends SimpleBaseGameActivity {
	// ===========================================================
	// Constants
	// ===========================================================

	private static final int CAMERA_WIDTH = 720;
	private static final int CAMERA_HEIGHT = 480;

	// ===========================================================
	// Fields
	// ===========================================================

	private Camera mCamera;

	private Font mFont;

	private BitmapTextureAtlas mBitmapTextureAtlas;
	private ITextureRegion mBadgeTextureRegion;
	private ITextureRegion mNextTextureRegion;

	private static final IEaseFunction[][] EASEFUNCTIONS = new IEaseFunction[][]{
		new IEaseFunction[] {
				EaseLinear.getInstance(),
				EaseLinear.getInstance(),
				EaseLinear.getInstance()
		},
		new IEaseFunction[] {
				EaseBackIn.getInstance(),
				EaseBackOut.getInstance(),
				EaseBackInOut.getInstance()
		},
		new IEaseFunction[] {
				EaseBounceIn.getInstance(),
				EaseBounceOut.getInstance(),
				EaseBounceInOut.getInstance()
		},
		new IEaseFunction[] {
				EaseCircularIn.getInstance(),
				EaseCircularOut.getInstance(),
				EaseCircularInOut.getInstance()
		},
		new IEaseFunction[] {
				EaseCubicIn.getInstance(),
				EaseCubicOut.getInstance(),
				EaseCubicInOut.getInstance()
		},
		new IEaseFunction[] {
				EaseElasticIn.getInstance(),
				EaseElasticOut.getInstance(),
				EaseElasticInOut.getInstance()
		},
		new IEaseFunction[] {
				EaseExponentialIn.getInstance(),
				EaseExponentialOut.getInstance(),
				EaseExponentialInOut.getInstance()
		},
		new IEaseFunction[] {
				EaseQuadIn.getInstance(),
				EaseQuadOut.getInstance(),
				EaseQuadInOut.getInstance()
		},
		new IEaseFunction[] {
				EaseQuartIn.getInstance(),
				EaseQuartOut.getInstance(),
				EaseQuartInOut.getInstance()
		},
		new IEaseFunction[] {
				EaseQuintIn.getInstance(),
				EaseQuintOut.getInstance(),
				EaseQuintInOut.getInstance()
		},
		new IEaseFunction[] {
				EaseSineIn.getInstance(),
				EaseSineOut.getInstance(),
				EaseSineInOut.getInstance()
		},
		new IEaseFunction[] {
				EaseStrongIn.getInstance(),
				EaseStrongOut.getInstance(),
				EaseStrongInOut.getInstance()
		}
	};

	private int mCurrentEaseFunctionSet = 0;

	private final Sprite[] mBadges = new Sprite[3];
	private final Text[] mEaseFunctionNameTexts = new Text[3];

	// ===========================================================
	// Constructors
	// ===========================================================

	// ===========================================================
	// Getter & Setter
	// ===========================================================

	// ===========================================================
	// Methods for/from SuperClass/Interfaces
	// ===========================================================

	@Override
	public EngineOptions onCreateEngineOptions() {
		this.mCamera = new Camera(0, 0, CAMERA_WIDTH, CAMERA_HEIGHT);

		return new EngineOptions(true, ScreenOrientation.LANDSCAPE_FIXED, new RatioResolutionPolicy(CAMERA_WIDTH, CAMERA_HEIGHT), this.mCamera);
	}

	@Override
	public void onCreateResources() {
		/* The font. */
		final ITexture fontTexture = new BitmapTextureAtlas(this.getTextureManager(), 256, 256, TextureOptions.BILINEAR);
		this.mFont = new Font(this.getFontManager(), fontTexture, Typeface.create(Typeface.DEFAULT, Typeface.BOLD), 32, true, Color.WHITE);
		this.mFont.load();

		/* The textures. */
		this.mBitmapTextureAtlas = new BitmapTextureAtlas(this.getTextureManager(), 256, 128, TextureOptions.BILINEAR);
		BitmapTextureAtlasTextureRegionFactory.setAssetBasePath("gfx/");
		this.mNextTextureRegion = BitmapTextureAtlasTextureRegionFactory.createFromAsset(this.mBitmapTextureAtlas, this, "next.png", 0, 0);
		this.mBadgeTextureRegion = BitmapTextureAtlasTextureRegionFactory.createFromAsset(this.mBitmapTextureAtlas, this, "badge.png", 97, 0);

		this.mBitmapTextureAtlas.load();
	}

	@Override
	public Scene onCreateScene() {
		this.mEngine.registerUpdateHandler(new FPSLogger());

		final Scene scene = new Scene();

		final HUD hud = new HUD();

		final Sprite nextSprite = new Sprite(CAMERA_WIDTH - 100 - this.mNextTextureRegion.getWidth(), 0, this.mNextTextureRegion, this.getVertexBufferObjectManager()) {
			@Override
			public boolean onAreaTouched(final TouchEvent pSceneTouchEvent, final float pTouchAreaLocalX, final float pTouchAreaLocalY) {
				if(pSceneTouchEvent.isActionDown()) {
					EaseFunctionExample.this.next();
				}
				return true;
			};
		};
		final Sprite previousSprite = new Sprite(100, 0, this.mNextTextureRegion, this.getVertexBufferObjectManager()) {
			@Override
			public boolean onAreaTouched(final TouchEvent pSceneTouchEvent, final float pTouchAreaLocalX, final float pTouchAreaLocalY) {
				if(pSceneTouchEvent.isActionDown()) {
					EaseFunctionExample.this.previous();
				}
				return true;
			};
		};
		previousSprite.setFlippedHorizontal(true);

		hud.attachChild(nextSprite);
		hud.attachChild(previousSprite);

		hud.registerTouchArea(nextSprite);
		hud.registerTouchArea(previousSprite);

		this.mCamera.setHUD(hud);

		/* Create the sprites that will be moving. */

		this.mBadges[0] = new Sprite(0, CAMERA_HEIGHT - 300, this.mBadgeTextureRegion, this.getVertexBufferObjectManager());
		this.mBadges[1] = new Sprite(0, CAMERA_HEIGHT - 200, this.mBadgeTextureRegion, this.getVertexBufferObjectManager());
		this.mBadges[2] = new Sprite(0, CAMERA_HEIGHT - 100, this.mBadgeTextureRegion, this.getVertexBufferObjectManager());

		this.mEaseFunctionNameTexts[0] = new Text(0, CAMERA_HEIGHT - 250, this.mFont, "Function", 20, this.getVertexBufferObjectManager());
		this.mEaseFunctionNameTexts[1] = new Text(0, CAMERA_HEIGHT - 150, this.mFont, "Function", 20, this.getVertexBufferObjectManager());
		this.mEaseFunctionNameTexts[2] = new Text(0, CAMERA_HEIGHT - 50, this.mFont, "Function", 20, this.getVertexBufferObjectManager());

		scene.attachChild(this.mBadges[0]);
		scene.attachChild(this.mBadges[1]);
		scene.attachChild(this.mBadges[2]);
		scene.attachChild(this.mEaseFunctionNameTexts[0]);
		scene.attachChild(this.mEaseFunctionNameTexts[1]);
		scene.attachChild(this.mEaseFunctionNameTexts[2]);
		scene.attachChild(new Line(0, CAMERA_HEIGHT - 110, CAMERA_WIDTH, CAMERA_HEIGHT - 110, this.getVertexBufferObjectManager()));
		scene.attachChild(new Line(0, CAMERA_HEIGHT - 210, CAMERA_WIDTH, CAMERA_HEIGHT - 210, this.getVertexBufferObjectManager()));
		scene.attachChild(new Line(0, CAMERA_HEIGHT - 310, CAMERA_WIDTH, CAMERA_HEIGHT - 310, this.getVertexBufferObjectManager()));

		return scene;
	}

	@Override
	public void onGameCreated() {
		this.reanimate();
	}

	// ===========================================================
	// Methods
	// ===========================================================

	public void next() {
		this.mCurrentEaseFunctionSet++;
		this.mCurrentEaseFunctionSet %= EASEFUNCTIONS.length;
		this.reanimate();
	}

	public void previous() {
		this.mCurrentEaseFunctionSet--;
		if(this.mCurrentEaseFunctionSet < 0) {
			this.mCurrentEaseFunctionSet += EASEFUNCTIONS.length;
		}

		this.reanimate();
	}

	private void reanimate() {
		this.runOnUpdateThread(new Runnable() {
			@Override
			public void run() {
				final IEaseFunction[] currentEaseFunctionsSet = EASEFUNCTIONS[EaseFunctionExample.this.mCurrentEaseFunctionSet];
				final Text[] easeFunctionNameTexts = EaseFunctionExample.this.mEaseFunctionNameTexts;
				final Sprite[] faces = EaseFunctionExample.this.mBadges;

				for(int i = 0; i < 3; i++) {
					easeFunctionNameTexts[i].setText(currentEaseFunctionsSet[i].getClass().getSimpleName());
					final Sprite face = faces[i];
					face.clearEntityModifiers();

					final float y = face.getY();
					face.setPosition(0, y);
					face.registerEntityModifier(new MoveModifier(3, 0, CAMERA_WIDTH - face.getWidth(), y, y, currentEaseFunctionsSet[i]));
				}
			}
		});
	}

	// ===========================================================
	// Inner and Anonymous Classes
	// ===========================================================
}

--------------------------------------------------------------------


EaseFunctions 改变了修饰符的作用过程。

修饰符修饰对象在默认情况下是线性的。

而如果采用了不同类型的EaseFunction，则可以将其变为非线性的一个过程。


只上传了InOut类型的，单独In和Out可以类推出来

(1)EaseBackInOut

EaseBackInOut




















(2)EaseBounceInOut

这个可用于模拟球掉落地面的效果

EaseBounceInOut





















(3)EaseCubicInOut

三次曲线的，可模拟电梯的运动

Cubic是立方体的意思。



(4)EaseElasticInOut

用于仿真弹簧或者橡胶棒




(5)EaseExponentialInOut




其实还有集中类型的EaseFunction，但觉得区别不是特别大，所以就没有将图贴出来了。

详情见API。





AndEngine-Utils:使 AndEngine 开发人员的生活更轻松的实用程序
06-19
AndEngine是一款知名的开源游戏开发引擎，专为Android平台设计，基于OpenGL ES，提供了一套简单易用的API，使得开发者可以快速创建2D游戏。AndEngine-Utils是AndEngine的一个扩展库，它包含了一系列实用工具类和模块...
AndEngine Example(1):LineExample
computer165的专栏
03-14 1123
目标： 1.使得程序可以正常运行 2.搭建最简单的场景 3.理解Scene,Camera等几个基本的概念 4.理解整个的基本流程 package org.andengine.ui.activity; import org.andengine.entity.scene.Scene; import org.andengine.ui.IGameInterface;
AndEngine Example(3):SpriteExample
computer165的专栏
03-17 895
目标： 1.理解纹理 2.理解纹理区域 3.创建资源回调函数onCreateResources 4.了解BitmapTexture  5.理解Sprite package org.andengine.examples; import java.io.IOException; import java.io.InputStream; import org.andengi
AndEngine Example(4):SpriteRemoveExample
computer165的专栏
03-17 1014
目标： 1. 了解纹理 BitmapTextureAtlas 2. 纹理区域工场 BitmapTextureAtlasTextureRegionFactory 3. 锁 EngineLock 4. 移除精灵 package org.andengine.examples; import org.andengine.engine.Engine.EngineLock; imp
AndEngine Example(2):RectangleExample
computer165的专栏
03-14 1127
目标： 1.场景截屏对象 ScreenCapture , 2.场景截屏回调接口IScreenCaptureCallback  3.场景截屏回调方法 onScreenCaptured / onScreenCaptureFailed 4.场景点击事件  package org.andengine.examples; import org.andengine.engine.camer
AndEngine Example(7):EntityModifierExample
computer165的专栏
03-25 1272
目标： 1. 了解修饰符Modifier 2. 学习透明度变化(AlphaModifier) 3. 学习缩放变化(ScaleModifier) 4. 学习延时(DelayModifier) 5. 学习旋转(RotationModifier) 6. 学习顺序使用修饰符(SequenceEntityModifier) 7. 学习并行使用修饰符(ParallelEntityModifier
andengine-1：andengine开发环境的搭建
never give up 的专栏
07-10 851
ok， 学习andengine的第一步不是什么helloworld，而是搭建环境。 andengine的环境搭建起来还是比较简单的，但是如果没接触过的人来说还是比较费时费力的。 1.首先要下载相关的源码了， andengine作者没有提供现成的jar包， 只有源代码， 因此就需要我们自己下载代码，自己编译了。下载的步骤前人已经总结好， 我就不重复造轮子了。 下载AndEngine源
AndEngine Example(5):SpriteBatchExample
computer165的专栏
03-17 1200
目标： 1. 了解SpriteBatch 2. 理解DynamicSpriteBatch 3. 两者（SpriteBatch , DynamicSpriteBatch）的区别 4. 绘制多个图形 package org.andengine.examples; import org.andengine.engine.camera.Camera; import org.an
andengine-4： TexturePack的学习
never give up 的专栏
07-11 939
对于初学游戏开发的我来说，那些texture  textureregion真让人头疼，每次照着example写些东西的时候， 都要写一堆的texture加载的东东，感觉挺费时间的。 但是texturepack这个扩展缺可以让我们省去这些麻烦。 texturepack可真是新手和懒人的福音啊。     http://www.matim-dev.com/texture-packer.html  先贴
AndEngine Example(8):PathModifierExample
computer165的专栏
03-26 1086
目标： 1. 了解场景背景图片的设置RepeatingSpriteBackground 2.  掌握如何使用PathModifier控制精灵的移动 3. 了解如何使用路径Path得到PathModifier 4. Sprite的animate函数，用于选择当前帧的动画 ------------------------------------------------- p
AndEngine使用示例：ExampleLauncher深入学习
#### 9. 开发者社区与资源 AndEngine拥有一个活跃的开发者社区和大量的教程资源。开发者可以访问AndEngine的官方网站、论坛和GitHub仓库来获取更多的示例项目、扩展库和学习资源。 #### 10. 结语 通过AndEngine的...
AndEngine扩展组件：MultiScreen多屏幕处理技术
这里的关键是“MultiScreen for andengine”，指的可能是一个用于Android平台上AndEngine游戏引擎的多屏幕支持库或功能模块。AndEngine是一个流行的开源Android游戏开发库，用于开发2D游戏。在此基础上，知识点可以...
AndEngine完整版：直接运行参考指南
AndEngine是一款开源的2D游戏开发框架，主要面向Android平台。它由Nicolas Gramlich开发，并且非常受独立游戏开发者和中小企业的欢迎，原因在于其简洁的API、较少的资源占用以及易学易用的特点。 知识点一：...
AndEngine版本大全：探索不同jar文件的演变
AndEngine是一款流行于Android平台的开源游戏开发框架，由Nicolas Gramlich于2010年启动，旨在为Android游戏开发提供一个易于使用且功能丰富的环境。AndEngine适用于需要快速原型开发或者小型游戏项目的开发者，它...
Android开发遇到的细节问题(一)
computer165的专栏
09-28 6026
1 为什么按钮XML绑定的点击事件出错，或者无效? 例如: <Button xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/button_send" android:layout_width="wrap_content" android:layout_heigh
Smail语法基本知识(一)
computer165的专栏
02-10 3189
Smali 背景：  Smali，是指安卓系统里的 Java 虚拟机（Dalvik）所使用的一种.dex 格式文件的汇编器。  Baksmali 则是反汇编器。  其语法是一种宽松式的 Jasmin/dedexer语法，而且它实现了.dex 格式所有功能（注解，调试信息，线路信息等）。  Smali，Baksmali 分别是冰岛语中编译器，反编译器的叫法。 Smali 语法简
微信SDK分享出现的各种问题
computer165的专栏
11-15 1662
很多开发者在开发微信的时候 点击分享无反应 可能的问题： （1）没有使用对应的开发APP_ID 在开发的DEMO中，你需要使用微信的keystore来进行签名，这个签名，项目名，和APP_ID实际已经在微信开发平台注册了，不过微信提供给开发者使用。 所以，如果你要开发相应的程序，你需要在开放平台上进行注册。 （2）Demo 安卓4.2以上存在问题 仔细观察demo， 有的地方传入的图
Smail语法基本知识(二)
computer165的专栏
02-14 1291
这篇文章介绍了一些常见的指令语法， 想要知道更全的指令语法，请见：http://pallergabor.uw.hu/androidblog/dalvik_opcodes.html 移动 move vx,vy                      将vy的内容移动到vx中。 两个寄存器必须是最前面256个寄存器中之一。 move-object vx,vy          移动对
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值