项目的场景中需要点击建筑物产生描边的效果,看着很是不错,本期就来给大家讲解一下怎么来实现。本次使用的是threejs138版本,在vue3+vite+ant的项目中使用。
下面来看看实现的效果。房子建筑有了明显的描边效果。
实现步骤
- 增加composer.js
注意的点:
1. FXAAShader主要解决composer.render后锯齿的问题。
2. outlinePass 可以写成多个,也可以写成变量传递。文章来源:https://www.toymoban.com/news/detail-799821.html
3. outlinePass.hi文章来源地址https://www.toymoban.com/news/detail-799821.html
到了这里,关于十四、Three场景物体增加描边的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!