标签: ogl

使用 OGL Flowmap 效果为此 WebGL 设置透明背景?

我正在尝试从OGL 示例创建 Flowmap 效果,但使用部分透明的 PNG 图像。我已经在这个问题上苦苦挣扎了好几个小时,我什至不知道这是纹理的错误、流程图效果还是任何其他问题。如何将背景设置为透明而不是黑色?

渲染画布的外观

渲染画布的外观

  const vertex = /* glsl */ `
attribute vec2 uv;
attribute vec2 position;
varying vec2 vUv;
void main() {
    vUv = uv;
    gl_Position = vec4(position, 0, 1);
}
`
  const fragment = /* glsl */ `
precision highp float;
precision highp int;
uniform sampler2D texture;
uniform sampler2D tFlow;
uniform float uTime;
varying vec2 vUv;
uniform vec4 res;

void main() {

    // R and G values are velocity in the x and y …
Run Code Online (Sandbox Code Playgroud)

canvas webgl ogl

1
推荐指数
1
解决办法
1315
查看次数

标签 统计

canvas ×1

ogl ×1

webgl ×1