Threejs部分应用纹理

时间:2017-12-16 18:00:52

标签: three.js

我试图在ThreeJS的茶壶上使用着色器进行部分应用的纹理。目前它看起来像这样:enter image description here

我需要它看起来像这样:enter image description here

但是我不确定我应该如何解决这个问题,我是否使用着色器本身或者三个代码进行裁剪?我无法弄清楚如何做到这一点的基本思路。

1 个答案:

答案 0 :(得分:0)

在你的片段着色器中(如果发布它会很好)你可以做类似的事情:

if( vUv.y > 0.4 && vUv.y < 0.6 )
    gl_FragColor = vec4( texture_color, 1.0 );
else
    gl_FragColor = vec4( background_color, 1.0 );

看看小提琴http://jsfiddle.net/bpatofd4/