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

Question

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

三.js r.58

Answer 1

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

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

一个稍微棘手（但可能更美观）的解决方案是创建第二个对象，其几何形状与第一个对象相同，在相同位置，按比例放大少量，使用纯色材料，最重要的是，设置“ side”参数到 THREE.BackSide。这将确保您的第二个网格不会遮挡第一个网格。例如，请查看：

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

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

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

希望这可以帮助！