一、導語

發光閃爍特效應該在我們的項目中是經常需要去封裝的一個特效吧，一般用于點擊選擇，選中物體，或者一些特效加持于中心物體，物體碰撞檢測后的發光特效等等

二、分析

我們可以合理的使用后處理特效，上步驟：

• 首先，我們利用后處理效果
• 然后整合輸出于屏幕
• 再加持自定義著色器合成后處理效果

優點是性能更好，FPS不會掉，優化為我們場景可以加載更多特效或者物體做下更多鋪墊哦

三、上基礎代碼

    this.composer = new EffectComposer(this.renderer)const renderPass = new RenderPass(this.scene, this.camera)this.composer.addPass(renderPass)// 發光特效后處理器this.outlinePass = new OutlinePass(new THREE.Vector2(window.innerWidth, window.innerHeight),this.scene,this.camera)this.outlinePass.edgeStrength = 10this.outlinePass.edgeGlow = 1this.outlinePass.pulsePeriod = 2

四、動畫切換，以及優化自定義著色器后處理效果

具體動態效果實現可以關注課程ThreejsWeb3D開發之可視化大數據地圖，更多特效盡在里面，限時折扣哦