Threejs部分应用纹理

Posted 2021-05-02

我正在尝试在ThreeJS的茶壶上使用着色器进行部分应用的纹理。目前它看起来像这样：

我需要它看起来像这样：

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

答案

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

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/