js:如何制作对比球

Question

如何使白色球体(THREE.SphereGeometry)在深绿色表面和白色场景背景上可见?在Three.js中有提纲吗?可能是动态轮廓?

three.js r.58

Answer 1

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

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

一个稍微棘手(但可能更美观)的解决方案是创建与第一个物体具有相同几何形状的第二个物体，在相同的位置，用纯色材料进行少量缩放，最重要的是，将"side"参数设置为3 . backside。这将确保你的第二个网格不会掩盖第一个。例如:

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

最后，最棘手的是，你可以做一些"光环"发光样式的效果;这个解决方案涉及到一些使用着色器的编码。例如:

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

希望这对你有帮助!