1

Kick.js シェーダー エディターで 2 番目のテクスチャ ユニフォームを追加して、シェーダーが使用できるようにするにはどうすればよいですか? Kick.js の URL は次のとおりです: http://www.kickjs.org/example/shader_editor/shader_editor.html

Kick.js のデフォルト シェーダーを変更しました。1 つのテクスチャを使用します。「テクスチャ」パネルを使用して、images.google.com で見つけた画像を参照して 2 つ目のテクスチャを追加することに成功しました。

問題は、[Uniforms] パネルにテクスチャ サンプラーのユニフォームが表示されないことです。どうすればこのユニフォームを出現させることができますか?

ちなみに、これが私のシェーダーコードです。ただし、このコードが問題の一部であるとは思いません。助けてくれてありがとう。

#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

あなたのコードは問題なく動作します:)

テクスチャをユニフォーム変数にバインドする必要があります。このプロセスには次の 2 つの手順があります。

  1. テクスチャを設定します ([テクスチャ] パネルで)。ここに画像の説明を入力
  2. ユニフォームをセットアップして、ユニフォーム変数をテクスチャにバインドしますここに画像の説明を入力
于 2012-10-12T20:54:31.107 に答える