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

2023-10-30 02:48

本文主要是介绍Android 闪电效果 (Electric Screen,电动屏幕),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 

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

分类: Android   2062人阅读  评论(16)  收藏  举报
Electric Screen 电动屏幕 闪电算法

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

如图:

  


实现思路

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

在touch事件中调用闪电算法

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

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

SurfaceViews使用步骤

继承SurfaceView类

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

重写:

[java]  view plain copy
  1. @Override  
  2. public void surfaceChanged(SurfaceHolder arg0, int arg1, int arg2, int arg3) {//大小改变时  
  3.   
  4. }@Override  
  5. public void surfaceCreated(SurfaceHolder arg0) {//创建时  
  6.     // mThread.start();  
  7. }  
  8.   
  9. @Override  
  10. public void surfaceDestroyed(SurfaceHolder arg0) {//销毁时  
  11.   
  12. }  
闪电算法

所谓的闪电算法就是在两点之间随机的找出很多很多点,然后把这些点连接起来。那么找点的依据是什么呢?我先说一下我之前的的错误算法:两点之间连线的的附近找,根据两点之间连线的斜率求垂线,在这些垂线上求随机点,然后把这些随机点排序之后连接起来,我拿一张图片解释一下(这是错误算法,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),要先定义好画笔。

[java]  view plain copy
  1. public void drawLightning(float x1, float y1, float x2, float y2,  
  2.             int paramInt, Canvas paramCanvas) {  
  3.         Random localRandom = new Random();  
  4.         if (paramInt < localRandom.nextInt(7)) {  
  5.             paramCanvas.drawLine(x1, y1, x2, y2, mLighnitngColorPaint);  
  6.             paramCanvas.drawLine(x1, y1, x2, y2, mLighnitngColorPaint);  
  7.             paramCanvas.drawLine(x1, y1, x2, y2, mLighnitngGlowPaintBold);  
  8.             return;  
  9.         }  
  10.         float x3 = 0, y3 = 0;  
  11.         if (localRandom.nextBoolean()) {  
  12.             x3 = (float) ((x2 + x1) / 2.0F + ((localRandom.nextInt(8) - 0.5D) * paramInt));  
  13.         } else {  
  14.             x3 = (float) ((x2 + x1) / 2.0F - ((localRandom.nextInt(8) - 0.5D) * paramInt));  
  15.         }  
  16.         if (localRandom.nextBoolean()) {  
  17.             y3 = (float) ((y2 + y1) / 2.0F + ((localRandom.nextInt(5) - 0.5D) * paramInt));  
  18.         } else {  
  19.             y3 = (float) ((y2 + y1) / 2.0F - ((localRandom.nextInt(5) - 0.5D) * paramInt));  
  20.         }  
  21.         drawLightning(x1, y1, x3, y3, paramInt / 2, paramCanvas);  
  22.         drawLightning(x2, y2, x3, y3, paramInt / 2, paramCanvas);  
  23.         return;  
  24.   
  25.     }  


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

第一遍用细线画

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

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

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


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

Weibo:http://weibo.com/2382477985

这篇关于Android 闪电效果 (Electric Screen,电动屏幕)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/305091

相关文章

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

Android里面的Service种类以及启动方式

《Android里面的Service种类以及启动方式》Android中的Service分为前台服务和后台服务,前台服务需要亮身份牌并显示通知,后台服务则有启动方式选择,包括startService和b... 目录一句话总结:一、Service 的两种类型:1. 前台服务(必须亮身份牌)2. 后台服务(偷偷干

Python利用自带模块实现屏幕像素高效操作

《Python利用自带模块实现屏幕像素高效操作》这篇文章主要为大家详细介绍了Python如何利用自带模块实现屏幕像素高效操作,文中的示例代码讲解详,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1、获取屏幕放缩比例2、获取屏幕指定坐标处像素颜色3、一个简单的使用案例4、总结1、获取屏幕放缩比例from

Android kotlin语言实现删除文件的解决方案

《Androidkotlin语言实现删除文件的解决方案》:本文主要介绍Androidkotlin语言实现删除文件的解决方案,在项目开发过程中,尤其是需要跨平台协作的项目,那么删除用户指定的文件的... 目录一、前言二、适用环境三、模板内容1.权限申请2.Activity中的模板一、前言在项目开发过程中,尤

基于Python实现PDF动画翻页效果的阅读器

《基于Python实现PDF动画翻页效果的阅读器》在这篇博客中,我们将深入分析一个基于wxPython实现的PDF阅读器程序,该程序支持加载PDF文件并显示页面内容,同时支持页面切换动画效果,文中有详... 目录全部代码代码结构初始化 UI 界面加载 PDF 文件显示 PDF 页面页面切换动画运行效果总结主

React实现原生APP切换效果

《React实现原生APP切换效果》最近需要使用Hybrid的方式开发一个APP,交互和原生APP相似并且需要IM通信,本文给大家介绍了使用React实现原生APP切换效果,文中通过代码示例讲解的非常... 目录背景需求概览技术栈实现步骤根据 react-router-dom 文档配置好路由添加过渡动画使用

Android数据库Room的实际使用过程总结

《Android数据库Room的实际使用过程总结》这篇文章主要给大家介绍了关于Android数据库Room的实际使用过程,详细介绍了如何创建实体类、数据访问对象(DAO)和数据库抽象类,需要的朋友可以... 目录前言一、Room的基本使用1.项目配置2.创建实体类(Entity)3.创建数据访问对象(DAO

使用Python实现生命之轮Wheel of life效果

《使用Python实现生命之轮Wheeloflife效果》生命之轮Wheeloflife这一概念最初由SuccessMotivation®Institute,Inc.的创始人PaulJ.Meyer... 最近看一个生命之轮的视频,让我们珍惜时间,因为一生是有限的。使用python创建生命倒计时图表,珍惜时间

Android WebView的加载超时处理方案

《AndroidWebView的加载超时处理方案》在Android开发中,WebView是一个常用的组件,用于在应用中嵌入网页,然而,当网络状况不佳或页面加载过慢时,用户可能会遇到加载超时的问题,本... 目录引言一、WebView加载超时的原因二、加载超时处理方案1. 使用Handler和Timer进行超