如何在画布图像webgl上应用纹理?

如何在画布图像webgl上应用纹理?,webgl,layer,Webgl,Layer,我有一个基本图像,并为此创建了图层。图层是png图像 我可以加载canvas.drawImage以添加带有基本图像的层。但如何在不改变图层大小的情况下对图层图像应用纹理呢 例如,我希望在webgl中的另一个图像上渲染图像。我不知道您想要实现什么效果,但我认为片段着色器将帮助您实现这一点,请尝试将此代码放入: 别忘了给iChannel0和iChannel1添加一些纹理,所以看起来像这样: 是的,我忘了那些文章,它们也应该对你有很大帮助: 你好,谢谢你的回复。我让它在画布上与覆盖图像一起工作。 v

我有一个基本图像,并为此创建了图层。图层是png图像

我可以加载canvas.drawImage以添加带有基本图像的层。但如何在不改变图层大小的情况下对图层图像应用纹理呢


例如,我希望在webgl中的另一个图像上渲染图像。

我不知道您想要实现什么效果,但我认为片段着色器将帮助您实现这一点,请尝试将此代码放入:

别忘了给iChannel0和iChannel1添加一些纹理,所以看起来像这样:

是的,我忘了那些文章,它们也应该对你有很大帮助:
你好,谢谢你的回复。我让它在画布上与覆盖图像一起工作。
void mainImage( out vec4 fragColor, in vec2 fragCoord )
{
    vec2 uv = fragCoord.xy / iResolution.xy;        
    fragColor = texture2D(iChannel1, uv) * texture2D(iChannel0, uv);
}