Three.js：如何制作对比球？

Question

如何使白色球体（THREE.SphereGeometry）在深绿色表面和白色场景背景上可见？ Three.js中是否有概述？ 可能是动态概述？

three.js r.58

Answer 1

一个简单的解决方案是将多种材料的线框材料与原始材料结合使用，例如，请查看以下示例：

http://stemkoski.github.io/Three.js/Wireframe.html

一种稍微棘手（但也许更美观）的解决方案是在第二个对象的相同位置处创建一个具有相同几何形状的对象，并使用纯色材料按比例放大一小部分，最重要的是，将“侧”参数设置为THREE.BackSide。 这将确保您的第二个网格不会遮挡第一个。 例如，签出：

http://stemkoski.github.io/Three.js/Outline.html

最后，最棘手的是，您可以执行某种“光晕”发光样式效果； 该解决方案涉及使用着色器进行一些编码。 例如，签出：

http://stemkoski.github.io/Three.js/Shader-Halo.html

希望这可以帮助！