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

发布时间:2024年01月16日

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

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

实现步骤

  • 增加composer.js

注意的点:

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

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

3. outlinePass.hi

文章来源:https://blog.csdn.net/qq_43185384/article/details/135626050
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。