Android游戏开发之爆炸效果

最新推荐文章于 2021-05-27 06:12:16 发布

wh_wanghui

最新推荐文章于 2021-05-27 06:12:16 发布

阅读量1.7k

点赞数

分类专栏： android 文章标签： android 游戏 animation function class float

android 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

Android游戏开发之爆炸效果收藏

在做Android游戏MagicBubble 开发的时候，在连通两个Bubbles的时候，Bubble会以水泡爆破的情形消失。为了实现这一效果，我查找了不少资料，希望能找到一些标准的实现方面，花了不少时间，发觉Android关于游戏开发的资料实在太少了，更不用说标准做法了，没办法，只能按照自己的思路来实现这一效果。

我的思路是这样的（仅供参考，希望有更好做法的朋友跟我们共享一下）：在FrameLayout里面加入一ImageView，再定义一个爆炸的 Animation，不需要的时候，ImageView就隐藏起来，需要的时候，就把ImageView移动到需要的地方，再 StartAnimation，这样，就可以实现爆炸的效果。

下面是简化后的程序的代码，程序的效果如下：点中屏幕中任意地方，就在点击地方显示爆炸效果。

首先是Animation的定义，定义一个Frame Animation，依次播放5帧动画，每帧动画持续时间为50毫秒:

Xml代码

< animation-list xmlns:android = "http://schemas.android.com/apk/res/android"
android:oneshot = "true" >
< item android:drawable = "@drawable/explode1" android:duration = "50" />
< item android:drawable = "@drawable/explode2" android:duration = "50" />
< item android:drawable = "@drawable/explode3" android:duration = "50" />
< item android:drawable = "@drawable/explode4" android:duration = "50" />
< item android:drawable = "@drawable/explode5" android:duration = "50" />
</ animation-list >

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="true">
    <item android:drawable="@drawable/explode1" android:duration="50" />
    <item android:drawable="@drawable/explode2" android:duration="50" />
    <item android:drawable="@drawable/explode3" android:duration="50" />
    <item android:drawable="@drawable/explode4" android:duration="50" />
    <item android:drawable="@drawable/explode5" android:duration="50" />  
</animation-list>

接着是主程序代码：

Java代码

package com.ray.bubble;
import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.view.View.OnTouchListener;
import android.widget.FrameLayout;
import android.widget.ImageView;
public class BubbleExplosion extends Activity {
private FrameLayout fl;
private ExplosionView exv1;
private AnimationDrawable exa1;
public void onCreate(Bundle savedInstanceState) {
super .onCreate(savedInstanceState);
//set full screen
requestWindowFeature(Window.FEATURE_NO_TITLE);
getWindow().setFlags(WindowManager.LayoutParams. FLAG_FULLSCREEN ,
WindowManager.LayoutParams. FLAG_FULLSCREEN);
fl = new FrameLayout( this );
fl.setBackgroundResource(R.drawable.bg);
exv1 = new ExplosionView( this );
exv1.setVisibility(View.INVISIBLE);
exv1.setBackgroundResource(R.anim.explosion);
exa1 = (AnimationDrawable)exv1.getBackground();
fl.addView(exv1);
fl.setOnTouchListener( new LayoutListener());
setContentView(fl);
}
class ExplosionView extends ImageView{
public ExplosionView(Context context) {
super (context);
}
//handle the location of the explosion
public void setLocation( int top, int left){
this .setFrame(left, top, left+ 40 , top+ 40 );
}
}
class LayoutListener implements OnTouchListener{
public boolean onTouch(View v, MotionEvent event) {
//firstly， u have to stop the animation,if the animation
//is starting ,u can not start it again!
exv1.setVisibility(View.INVISIBLE);
exa1.stop();
float x = event.getX();
float y = event.getY();
exv1.setLocation(( int )y- 20 , ( int )x- 20 );
exv1.setVisibility(View.VISIBLE);
exa1.start();
return false ;
}
}
}

package com.ray.bubble;

import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.view.View.OnTouchListener;
import android.widget.FrameLayout;
import android.widget.ImageView;

public class BubbleExplosion extends Activity {
	private FrameLayout fl;
	private ExplosionView exv1;
	private AnimationDrawable exa1;
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //set full screen
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        getWindow().setFlags(WindowManager.LayoutParams. FLAG_FULLSCREEN ,
                      WindowManager.LayoutParams. FLAG_FULLSCREEN);
        fl = new FrameLayout(this);
        fl.setBackgroundResource(R.drawable.bg);
        
        exv1 = new ExplosionView(this);
		exv1.setVisibility(View.INVISIBLE);
	    exv1.setBackgroundResource(R.anim.explosion);
	    exa1 = (AnimationDrawable)exv1.getBackground();
		fl.addView(exv1);
		fl.setOnTouchListener(new LayoutListener());
        setContentView(fl);
    }
    
    class ExplosionView extends ImageView{

		public ExplosionView(Context context) {
			super(context);
		}
		//handle the location of the explosion
		public void setLocation(int top,int left){
			this.setFrame(left, top, left+40, top+40);
		}	
    }
    
    class LayoutListener implements OnTouchListener{

		public boolean onTouch(View v, MotionEvent event) {
			//firstly， u have to stop the animation,if the animation
			//is starting ,u can not start it again!
			exv1.setVisibility(View.INVISIBLE);
			exa1.stop();
			float x = event.getX();
			float y = event.getY();
			exv1.setLocation((int)y-20, (int)x-20);
			exv1.setVisibility(View.VISIBLE);
			exa1.start();
			return false;
		}
    	
    }
}

配合Android的SurfaceView，Animation可以实现很好的过渡效果，SurfaceView的用法很简单，可参考：

http://rayleung.javaeye.com/blog/420410

BubbleExplosion.rar (163.5 KB)

wh_wanghui

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android游戏开发之爆炸效果

Android游戏开发之爆炸效果收藏 document.body.oncopy = function() { if (window.clipboardData) { setTimeout(function() { var te
复制链接

扫一扫