网站开发不用jsp,网络推广方案xiala11,建设工程合同管理考试试题及答案,无视隐私的十大软件作者 | Eason来源 | 程序员巴士2022虎年大吉#xff0c;预祝各位小伙伴们新年快乐#xff0c;这篇文章教大家如何在 Canvas 中实现高性能的烟花粒子特效#xff0c;通过使用 Canvas BitmapShader GestureDetector技术栈#xff0c;实现趣味 2D 春节烟花特效页面#xff… 作者 | Eason来源 | 程序员巴士2022虎年大吉预祝各位小伙伴们新年快乐这篇文章教大家如何在 Canvas 中实现高性能的烟花粒子特效通过使用 Canvas BitmapShader GestureDetector技术栈实现趣味 2D 春节烟花特效页面采用 velocity 和 acceleration 展示模型速度变化及PVector 2D简单动画效果等每点击一下屏幕会产生一枚烟花烟花飞到最上空会炸裂成60~100个碎片同屏可能有上千个粒子在不停更新它的位置希望给大家带来一些好玩有趣的东西!作品演示代码分析首先看看项目结构└─fireworksColorfullView.java -自定义的viewFirework.java -对烟花建立模型MainActivity.javaParticle.java -粒子PContext.java -工具类PVector.java -向量类XML代码?xml version1.0 encodingutf-8?
android.support.constraint.ConstraintLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:background#fffffftools:contextcom.example.MainActivityRelativeLayoutandroid:layout_width200dpandroid:layout_height200dpapp:layout_constraintBottom_toBottomOfparentapp:layout_constraintLeft_toLeftOfparentapp:layout_constraintRight_toRightOfparentapp:layout_constraintTop_toTopOfparentImageViewandroid:idid/iv_textandroid:layout_width130dpandroid:layout_height130dpandroid:layout_centerInParenttrueandroid:background#EE4D1E /TextViewandroid:idid/textandroid:layout_width200dpandroid:layout_height200dpandroid:gravitycenterandroid:text福android:textSize120sp //RelativeLayoutcom.example.ColorfullViewandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentapp:layout_constraintBottom_toBottomOfparentapp:layout_constraintLeft_toLeftOfparentapp:layout_constraintRight_toRightOfparentapp:layout_constraintTop_toTopOfparent //android.support.constraint.ConstraintLayoutJava代码自定义 ColorfullView 中使用 GestureDetector 处理用户输入每点击一次在当前位置创建一枚烟花mGesture new GestureDetectorCompat(getContext(), new GestureDetector.SimpleOnGestureListener() {Overridepublic boolean onDown(MotionEvent e) {fireworks.add(new Firework(e.getX(), e.getY()));ViewCompat.postInvalidateOnAnimation(ColorfullView.this);return true;}});FireWork类包含两个属性分别包含了炸开前 “种子” 的信息和炸开后所发散的粒子由于爆炸后的每个粒子也有对应的位置和速度信息因此把这些粒子又当成 “种子” 来归属到一束烟花里这些粒子信息都统一被封装成 Particle 这个Bean类ArrayListParticle particles; // 炸开后的粒子Particle firework; // 炸开前的粒子Particle类具有随机的颜色、大小、速度以接近真实同时设定了烟花种子的初始位置坐标和半径等信息每个烟花种子发散出来的粒子位置会根据种子最终爆炸位置进行确定class Particle {PVector location;PVector velocity;PVector acceleration;float radius;//烟花种子Particle(float x, float y, float hue) {this.hu hue;acceleration new PVector(0, 0);velocity new PVector(0, PContext.random(-20, -10));location new PVector(x, y);seed true;life PContext.random(350.0f, 555.0f);this.radius PContext.random(10, 20);}//烟花粒子Particle(PVector loc, float hue) {this.hu hue;acceleration new PVector(0, 0);velocity PVector.random2D();velocity.mult(PContext.random(4, 8));location loc.get();life PContext.random(350.0f, 555.0f);this.radius PContext.random(10, 20);}每绘制一帧会调用FireWork的run方法该方法中会在 view 的 onDraw 回调中去不断调用当前粒子的update和display方法update方法用于更新每个粒子的速度、加速度和位置坐标display方法用于根据粒子位置进行绘制void run(Canvas canvas, Paint paint) {if (firework ! null) {//炸裂前firework.applyForce(gravity);firework.update();firework.display(canvas, paint);if (firework.explode()) {int fragments (int) random(60, 100);//碎片个数for (int i 0; i fragments; i) {particles.add(new Particle(firework.location, hu));}firework null;firstExplode true;}} else {//炸裂后if (firstExplode) {//屏幕一闪firstExplode false;canvas.drawColor(Color.HSVToColor(new float[]{hu, 0.6f, 0.6f}));}for (int i particles.size() - 1; i 0; i--) {Particle p particles.get(i);p.applyForce(gravity);p.update();p.display(canvas, paint);if (p.isDead()) {particles.remove(i);}}}}性能优化这时候功能基本实现了剩下的就是将每一个烟花绘制在canvas上通常我们会这样写Overrideprotected void onDraw(Canvas canvas) {canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);for (int i fireworks.size() - 1; i 0; i--) {Firework f fireworks.get(i);f.run(canvas, mParticlePaint);if (f.done()) {fireworks.remove(i);}}//canvas.drawBitmap(canvasBitmap,0, 0, mBitmapPaint);if (!fireworks.isEmpty()) {ViewCompat.postInvalidateOnAnimation(this);}}然而你会发现性能很糟糕,帧数随着粒子数的增加直线下降直到个位数优化如下Overrideprotected void onDraw(Canvas canvas) {if (canvasBitmap null || canvasBitmap.isRecycled()) {canvasBitmap Bitmap.createBitmap(getWidth(), getHeight(), Bitmap.Config.ARGB_8888);bitmapCanvas new Canvas(canvasBitmap);mBitmapShader new BitmapShader(canvasBitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);mBitmapPaint.setShader(mBitmapShader);mBitmapPaint.setDither(false);}bitmapCanvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);for (int i fireworks.size() - 1; i 0; i--) {Firework f fireworks.get(i);f.run(bitmapCanvas, mParticlePaint);if (f.done()) {fireworks.remove(i);}}canvas.drawPaint(mBitmapPaint);if (!fireworks.isEmpty()) {ViewCompat.postInvalidateOnAnimation(this);}}写在最后到这里整个烟花动效就完成了在这里提前给各位拜年了祝大家工作顺利身体健康全家和和美美万事如意往期推荐好难啊……一个 try-catch 问出这么多花样k8s集群居然可以图形化安装了恶意流量威胁新趋势揭秘网络黑产3大核心本质将 k8s 制作成 3D 射击游戏好玩到停不下来点分享点收藏点点赞点在看
