往期文章分享

• 養不起真貓，就用代碼吸貓-Unity粒子實現畫貓咪
• 點擊跳轉=>熬夜再戰Android從青銅到王者-開發效率插件篇
• 點擊跳轉=>Unity粒子特效系列-龍卷風預制體做好了，unitypackage包直接用！
• 點擊跳轉=>姐姐喊我解鎖套娃新技能：FairyGUI在Unity中實現List嵌套List/立體畫廊等，玩出花兒來
• 點擊跳轉=>Unity新手必備5款寶藏插件–價值上千元白嫖最新版
• 爆肝萬字C#基礎入門大總結【建議收藏】
• Android修行手冊-玩轉TextView，想不到有這么多屬性
• 【萬字】修行Android Studio技巧到出神入化，快速漲薪【建議收藏】
• Android修行手冊之從頭到尾學Kotlin【全】

本文約5.1千字，新手閱讀需要13分鐘，復習需要7分鐘 【收藏隨時查閱不再迷路】

👉關于作者

眾所周知，人生是一個漫長的流程，不斷克服困難，不斷反思前進的過程。在這個過程中會產生很多對于人生的質疑和思考，于是我決定將自己的思考，經驗和故事全部分享出來，以此尋找共鳴 ！！！
專注于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實現。實現起來操作簡單，在不消耗性能下，粒子可實現的心電圖色彩很豐富。

好了，整個過程就是如上了，為心電圖提供了個思路，但是具體的業務肯定更復雜的，比如心電圖數據不同怎么隨時更新，比如心電圖和心臟脈搏做同步，更多的操作就需要各位大佬們多多實踐啦。

👉其他

📢作者：小空和小芝中的小空
📢轉載說明-務必注明來源：https://zhima.blog.csdn.net/
📢歡迎點贊👍收藏🌟留言📝

總結

以上是生活随笔為你收集整理的Unity案例-实现心电图效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。