1

如何在 Kick.js 着色器编辑器中添加第二个纹理统一,以便我的着色器可以使用它?Kick.js 的 URL 是: http ://www.kickjs.org/example/shader_editor/shader_editor.html

我修改了 Kick.js 中的默认着色器。它使用一种纹理。通过引用我在 images.google.com 上找到的图像,我成功地使用“纹理”面板添加了第二个纹理。

现在的问题是“制服”面板没有显示纹理采样器制服。我怎样才能让这件制服出现?

顺便说一下,这是我的着色器代码。但是,我不相信这段代码是问题的一部分。谢谢你的帮助。

#ifdef GL_ES
precision highp float;
#endif
varying vec3 vColor;
varying vec2 uv;

uniform sampler2D video_tex;
uniform sampler2D video_mask;

void main(void)
{
    vec4 samp_video = texture2D(video_tex,uv);
    vec4 samp_mask = texture2D(video_mask,uv);

    vec3 samp_virtual = vec3(1,0,0);

    float alpha = samp_mask.r;
    //gl_FragColor.rgb = (alpha)*samp_virtual.rgb + (1.0-alpha)*samp_video.rgb;
    gl_FragColor.rgb = samp_mask.rgb;  
    gl_FragColor.a = 1.0;
}
4

1 回答 1

1

你的代码工作得很好:)

您需要将纹理绑定到统一变量。该过程需要两个步骤:

  1. 设置纹理(在纹理面板中)。在此处输入图像描述
  2. 设置制服以将您的制服变量绑定到纹理在此处输入图像描述
于 2012-10-12T20:54:31.107 回答