网站空间位置,德州seo,网站开发项目经理注意事项,建设个人你网站一、导语
发光闪烁特效应该在我们的项目中是经常需要去封装的一个特效吧#xff0c;一般用于点击选择#xff0c;选中物体#xff0c;或者一些特效加持于中心物体#xff0c;物体碰撞检测后的发光特效等等
二、分析
我们可以合理的使用后处理特效#xff0c;上步骤一般用于点击选择选中物体或者一些特效加持于中心物体物体碰撞检测后的发光特效等等
二、分析
我们可以合理的使用后处理特效上步骤
首先我们利用后处理效果然后整合输出于屏幕再加持自定义着色器合成后处理效果
优点是性能更好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开发之可视化大数据地图更多特效尽在里面限时折扣哦
