文档章节

Android 闪电效果 (Electric Screen,电动屏幕)

l
 ls909074489
发布于 2014/12/25 09:20
字数 937
阅读 18
收藏 0

本文介绍一个在google play上很火爆,好玩的App,如题

如图:

  


实现思路

在一个透明的Activity上用SurfaceView绘制闪电,同时加上震动和音效。

在touch事件中调用闪电算法

SurfaceView是一个继承自View的类,可以直接从内存或者DMA等硬件接口取得图像数据,是个非常重要的绘图视图。

SurfaceView特性:可以在主线程之外的线程上绘制视图,而且不会影响主线程,常用于游戏开发。

SurfaceViews使用步骤

继承SurfaceView类

实现SurFaceViewHolder.CallBack接口、有必要的话实现Runnable接口(在run方法中持续的进行视图绘制,该app有点特殊,是在touch事件中绘制视图)然后在线程中进行绘制。

重写:

@Override
public void surfaceChanged(SurfaceHolder arg0, int arg1, int arg2, int arg3) {//大小改变时

}@Override
public void surfaceCreated(SurfaceHolder arg0) {//创建时
	// mThread.start();
}

@Override
public void surfaceDestroyed(SurfaceHolder arg0) {//销毁时

}
闪电算法

所谓的闪电算法就是在两点之间随机的找出很多很多点,然后把这些点连接起来。那么找点的依据是什么呢?我先说一下我之前的的错误算法:两点之间连线的的附近找,根据两点之间连线的斜率求垂线,在这些垂线上求随机点,然后把这些随机点排序之后连接起来,我拿一张图片解释一下(这是错误算法,google play上有一部分类似app都是按照这种错误算法来的,为什么错?因为太假,太不像)。

种方式实的线条太生硬,拐弯拐的很突然



那么正确的闪电算法是怎么算的呢?

递归

就是在两点坐标P1(X1,Y1),P2(X2,Y2)之间先求中间点X1,X2的中间点X,Y1,Y2的中间点Y,给X一个随机的偏移量,也给Y一个偏移量。X,Y的偏移量包括了正方向和负方向的偏移量,这些偏移都是在一定范围内的随机值,这是生成的 P3(X,Y)就是求得的第一个点,这个点的位置大概就在P1,P2连线中间的一个限定范围的随机半径的圆内。之后就要用递归了,分别在P1(X1,Y1)-->P3(X,Y)和P3(X,Y)-->P2(X2,Y2)重复刚才的计算。拿什么时候跳出递归呢?这也是随机的,我们生成了两个随机数来比较大小,根据大小来判断是否跳出。跳出的时候执行canvas.drawLine(x1,y1,x2,y2);画出一条线。如此,很自然的闪电路径就生成了。

如图:





示例代码drawLine(x1,y1,x2,y2,random,canvas),要先定义好画笔。

public void drawLightning(float x1, float y1, float x2, float y2,
			int paramInt, Canvas paramCanvas) {
		Random localRandom = new Random();
		if (paramInt < localRandom.nextInt(7)) {
			paramCanvas.drawLine(x1, y1, x2, y2, mLighnitngColorPaint);
			paramCanvas.drawLine(x1, y1, x2, y2, mLighnitngColorPaint);
			paramCanvas.drawLine(x1, y1, x2, y2, mLighnitngGlowPaintBold);
			return;
		}
		float x3 = 0, y3 = 0;
		if (localRandom.nextBoolean()) {
			x3 = (float) ((x2 + x1) / 2.0F + ((localRandom.nextInt(8) - 0.5D) * paramInt));
		} else {
			x3 = (float) ((x2 + x1) / 2.0F - ((localRandom.nextInt(8) - 0.5D) * paramInt));
		}
		if (localRandom.nextBoolean()) {
			y3 = (float) ((y2 + y1) / 2.0F + ((localRandom.nextInt(5) - 0.5D) * paramInt));
		} else {
			y3 = (float) ((y2 + y1) / 2.0F - ((localRandom.nextInt(5) - 0.5D) * paramInt));
		}
		drawLightning(x1, y1, x3, y3, paramInt / 2, paramCanvas);
		drawLightning(x2, y2, x3, y3, paramInt / 2, paramCanvas);
		return;

	}


画出路径之后想要效果更加逼真有发光效果的的话还要利用setMaskFilter来画,我在画一条线的时候,分别用三个画笔在一条轨迹上画三次

第一遍用细线画

第二遍用宽一点,颜色重的setMaskFilter来画

第三遍用比第二遍还宽,但颜色轻的setMaskFilter来画

三次轨迹重叠在一起就有了电流在黑夜中发光的效果


Github:https://github.com/OneHead/electric_screen2D

Weibo:http://weibo.com/2382477985

本文转载自:http://blog.csdn.net/u013045971/article/details/41984879

l
粉丝 0
博文 2
码字总数 0
作品 0
珠海
私信 提问
使用自定义的Activity栈来管理android的Activity

在进行BlackBerry程序开发的时候,BlackBerry提供了一个管理Screen的栈,用来从任何地方来关闭位于最上一层的Screen,使用UiApplication.getUiApplication().getActiveScreen()来得到位于最上一...

Kevin_Gan
2010/07/07
470
0
android系统亮度自动调节模式

android关于屏幕亮度的调节有两个模式:手动模式&自动调节模式 我们在设置了自动调节模式后,进行手动调节是没有效果的 关于手动设置系统亮度的讨论都很多了,但是android是如何实现屏幕亮度...

leo.li
2012/07/11
1K
0
使用自定义的Activity栈来管理android的Activity

在进行BlackBerry程序开发的时候,BlackBerry提供了一个管理Screen的栈,用来从任何地方来关闭位于最上一层的Screen,使 用UiApplication.getUiApplication().getActiveScreen()来得到位于最上一...

Kevin_Gan
2010/08/19
300
0
那些恶心人的Screen基本概念

Screen的这些基本概念中,最重要的就是dip的理解,而理解dip就是理解android适配不同设备的关键。 Screen Size 实际物理尺寸。就是我们常说的3.5英寸屏幕,4.7英寸屏幕等等,这个长度说的是对...

Madmatrix
2014/04/02
680
0
AndroidManifest.xml文件详解(compatible-screen)

语法(SYNTAX): ... 包含于(CONTAINED IN): 说明(DESCRIPTION)): 这个元素用于指定那些屏幕配置跟应用程序是兼容的。在应用的清单中只允许有一个元素的实例,但是它能够包含多个元素...

长平狐
2012/10/16
158
0

没有更多内容

加载失败,请刷新页面

加载更多

好程序员Java学习路线分享MyBatis之线程优化

  好程序员Java学习路线分享MyBatis之线程优化,我们的项目存在大量用户同时访问的情况,那么就会出现大量线程并发访问数据库,这样会带来线程同步问题,本章我们将讨论MyBatis的线程同步问...

好程序员官方
27分钟前
6
0
IDEA 自定义方法注解模板

IDEA 自定义方法注解模板 1、使用效果 /*** 计算交易费用* @Author wangjiafang* @Date 2019/9/11* @param feeComputeVo* @return*/@PostMapping("/v1/fee_compute")public ApiResp......

小白的成长
28分钟前
6
0
转:进程 线程 协程 管程 纤程 概念对比理解

引言 不知道是不是我自己本身就有那么一丝丝的密集恐惧,把这么一大堆看起来很相似很相关的概念放在一起,看起来是有点麻,捋一捋感觉舒服多了。 相关概念 任务、作业(Job,Task,Schedule)...

xiaomin0322
38分钟前
6
0
前端数组转化成字符串

val=val.join(","); 转化后:“1,2,3”

郭周园
41分钟前
4
0
Spring Boot Admin配置详解

Client端配置 参数 默认值 说明 spring.boot.admin.client.enabled true 是否启用springbootAdmin客户端 spring.boot.admin.client.url 要注册的server端的url地址。如果要同时在多个server端...

兜兜毛毛
41分钟前
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部