项目的场景中需要点击建筑物产生描边的效果,看着很是不错,本期就来给大家讲解一下怎么来实现。本次使用的是threejs138版本,在vue3+vite+ant的项目中使用。
下面来看看实现的效果。房子建筑有了明显的描边效果。
实现步骤
注意的点:
1. FXAAShader主要解决composer.render后锯齿的问题。
2. outlinePass 可以写成多个,也可以写成变量传递。
3. outlinePass.hi