十四、Three场景物体增加描边

        项目的场景中需要点击建筑物产生描边的效果,看着很是不错,本期就来给大家讲解一下怎么来实现。本次使用的是threejs138版本,在vue3+vite+ant的项目中使用。

下面来看看实现的效果。房子建筑有了明显的描边效果。

十四、Three场景物体增加描边_第1张图片

实现步骤

  • 增加composer.js

注意的点:

1. FXAAShader主要解决composer.render后锯齿的问题。

2. outlinePass 可以写成多个,也可以写成变量传递。

3. outlinePass.hi

你可能感兴趣的:(3D开发专栏,前端,javascript,开发语言)