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

Question

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

three.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

希望这有帮助！