Threejs部分应用纹理

Question

我正尝试在ThreeJS中用茶壶上的着色器做一个部分应用的纹理。目前它看起来是这样的：

​

我需要它看起来像这样：

​

但我不确定我应该如何处理这个问题，我是用着色器本身还是用threejs代码来进行裁剪呢？我想不出怎么做的基本思路。

Answer 1

在你的片段着色器中(如果你发布了它会更好)，你可以这样做：

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

看一看fiddle http://jsfiddle.net/bpatofd4/