Three.js 三.js后处理大纲

在Three.js的本例中：

只有当渲染器的clearcolor比白色暗时，轮廓才会起作用

由于OutlinePass的设置方式，它计算网格的轮廓，然后使用AdditiveBlend将其混合到原始场景的纹理上。因此，如果原始场景中的背景为白色，轮廓将不会显示原始对象后面没有任何东西的位置：

我今天一整天都在努力让OulinePass在白色背景下工作，但还没有成功

如有任何建议/帮助，将不胜感激

谢谢，

---

Anton.

删除GetOverlyMaterial（）中的混合选项解决了我的问题

删除GetOverlyMaterial（）中的混合选项解决了我的问题

您希望发生什么？作为一个快速测试，当您向包含整个场景体积的场景添加一个巨大的立方体时会发生什么？（使用

new THREE.MeshBasicMaterial（{color:0xffffff，side:THREE.BackSide}）

）@gman我希望无论背景是白色还是黑色，都能显示轮廓。我花了整整一天的时间对OutlinePass进行反向工程，并尝试了各种方法，它可以将一个轮廓混合到现有的场景中——这一切都是徒劳的。每一个结果都产生了一个场景，要么没有显示所有网格，要么以错误的颜色显示网格，要么显示非常模糊的轮廓（如果我使用了减法混合而不是加法混合）。@Martin Schuhfuß-谢谢，我会尝试，但我认为它会产生与上图相同的结果。由于OutlinePass的设置方式，只要场景的颜色在大纲需要显示的地方是白色的，它就会尝试将大纲的颜色添加到场景的已经是白色的颜色中，向白色添加任何颜色都会使其保持白色。这就是为什么在他们在www.threejs.org中使用的示例中，他们使用了深色网格和场景的黑色背景色…为什么你不能将加法混合更改为其他类型的混合？你希望发生什么？作为一个快速测试，当你在场景中添加一个包含整个场景体积的巨大立方体时会发生什么？（使用

new THREE.MeshBasicMaterial（{color:0xffffff，side:THREE.BackSide}）

）@gman我希望无论背景是白色还是黑色，都能显示轮廓。我花了整整一天的时间对OutlinePass进行反向工程，并尝试了各种方法，它可以将一个轮廓混合到现有的场景中——这一切都是徒劳的。每一个结果都产生了一个场景，要么没有显示所有网格，要么以错误的颜色显示网格，要么显示非常模糊的轮廓（如果我使用了减法混合而不是加法混合）。@Martin Schuhfuß-谢谢，我会尝试，但我认为它会产生与上图相同的结果。由于OutlinePass的设置方式，只要场景的颜色在大纲需要显示的地方是白色的，它就会尝试将大纲的颜色添加到场景的已经是白色的颜色中，向白色添加任何颜色都会使其保持白色。这就是为什么在他们在www.threejs.org中使用的示例中，他们使用了深色网格和场景的黑色背景色…为什么你不能将加法混合更改为其他类型的混合？