Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript THREE.js边框和覆盖-材质着色器_Javascript_Three.js - Fatal编程技术网

Javascript THREE.js边框和覆盖-材质着色器

Javascript THREE.js边框和覆盖-材质着色器,javascript,three.js,Javascript,Three.js,使用THREE.js,是否可以为球体提供材质着色器,使其看起来像这样?(我要寻找的效果是边界、光晕和穿过红色的条纹。) 如果是这样的话,我可以在查找有关材质着色器的良好文档/教程方面获得任何帮助吗? 现在我使用的材质有一个phong base phong着色器,但它不是我想要达到的效果 var protonMat = new THREE.MeshPhongMaterial({ color: 0xC31818, emissive: 0xBE2323, shininess:

使用
THREE.js
,是否可以为球体提供材质着色器,使其看起来像这样?(我要寻找的效果是边界、光晕和穿过红色的条纹。)

如果是这样的话,我可以在查找有关材质着色器的良好文档/教程方面获得任何帮助吗?
现在我使用的材质有一个phong base phong着色器,但它不是我想要达到的效果

var protonMat = new THREE.MeshPhongMaterial({
    color: 0xC31818,
    emissive: 0xBE2323,
    shininess: 0,
    shading: THREE.SmoothShading
});

很抱歉,我没有太多的代码,我不知道从哪里开始这些着色器

我认为您需要多种材料的组合才能实现这一目标


你已经检查过这个了吗?

我看过这个例子——我正在考虑从中提取辉光效果。我想对我来说主要的问题是边界和颜色线。希望能很容易地把它们结合在一起。这条线是否取决于摄像机的视角?或者你可以在任何地方分割球体?因为如果是这样的话,你可以将两种不同的材质分配给球体,而直线问题就是这样,因为相机四处移动,有多个球体彼此靠近。