众所周知，人生是一个漫长的流程，不断克服困难，不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考，于是我决定将自己的思考，经验和故事全部分享出来，以此寻找共鸣 ！！！
专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等）
有什么需要欢迎私我，交流群让学习不再孤单。
小空是开发医疗产品软件的，所以心电图是必须要绘制的效果。刚开始的时候小空是准备使用一个闪烁粒子预制体，然后利用代码进行不断的创建，但是想想总感觉哪里不对。一直没有真实的动手进行下去。
直到某一天突然的灵光乍现：完全可以利用一个粒子的拖尾拖尾以及DOTween的路径实现。
先看效果图
此次过程我会尽量还原整个从零到有的过程， 而非一上来就是设计好的步骤。
首先我们导入DOTween插件：
导入后先不用管他，先创建一个粒子，改粒子的坐标是（-5,0,0），然后设置他们的属性如下：
如上图修改了【持续时间】【起始生命周期】【起始大小】
其中主要是持续时间和起始大小，哦，对了，还有速度，因为后面我们会用DOTween来控制粒子的移动。
上图中，发射模块设置粒子为1，形状模块其实什么都可以，只要大小是0即可，因为只需要她保持1个且静止状态。
然后我们找到拖尾模块，勾选上，勾选世界空间（不选无效果），拖尾的宽度需要小一些，这样可以凸显出心电图头部的进度感觉。
我们创建一个材质，Shader为Legacy Shaders/Particles/Additive。
Texture直接选择Default-Particle即可。
接着我们打开粒子的渲染器模块，先将材质赋值给材质和拖尾材质属性（后面为了更完美我们会换材质）。
好了，这节我们先说粒子这部分，下节说剩下的部分，下部分是重点，有几个坑要注意。
在DOTween Path脚本的下方Waypoints，里面是路径点，当然了你也可以利用快捷键创建删除，只不过这是具体的坐标点，写起来更加方便而已。
我们先创建个简单的直线心电图吧：增加一个坐标点
运行起来看看吧：
还算不错，增加点波折数据点再试试。
运行效果：
看起来有些像了，但是又不完美，那么我们回忆回忆：心电图大致应该由什么组成？
应该是由一个点带头+一个流星似的拖尾，所以我们完善下：
一个点材质：心电图_拖尾和一个拖尾材质：心电图_点，分别赋值给粒子的渲染器中材质和拖尾材质选项。
看结果
拖尾相比之前确实好了些，但是发现还是不咋地：折线看起来并不像预期那样贴合路线轨迹。
那么我们修改【粒子拖尾模块的顶点距离为0】，再看看。
这次发现确实和真实的轨迹很接近了，但是还是不对啊：明显感觉折弯出粒子重叠严重啊。
没错，出现这个的原因就是我们将【粒子拖尾模块的最小顶点距离改为0】导致的，但是不改为0效果又不是按照既定轨道再走。
经过与好友讨论思考，这个问题其实原因在于****Shader
有两种解决方式：
-
去掉模糊半透明效果，该为实体直线。直接将【心电图_拖尾】的Shader改为【Unlit/Color】即可。如果拖尾线条看着粗，那就在缩小下拖尾宽度。
恩，看起来不错嘛 -
保留原来的内容，只修改线条宽度，达到足够细了，进而欺骗眼睛，并不完美。
-
有的大佬一眼就看出了关键，实际效果取决于Shader，内置的不满足，自己动手写一个Shader就行了，但是小空这方面知识匮乏，暂无方案，欢迎大佬们留言。
总结：
利用一个带有拖尾的粒子移动来实现心电图，而移动则利用DOTween实现。实现起来操作简单，在不消耗性能下，粒子可实现的心电图色彩很丰富。
最后
小编这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。
因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人
都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
如果你需要这些资料， ⬅ 专栏获取
多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人
都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
如果你需要这些资料， ⬅ 专栏获取
扫一扫
1025
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
