代码之家 › 专栏 › 技术社区 › Jeff Saremi

如何在WebGL中为输出纹理或帧缓冲区提供偏移量?

webgl

Jeff Saremi · 技术社区 · 6 年前

如果我想在输入纹理中使用某个区域而不是整个区域,我可以使用 gl.texSubImage2D() 并提供 x 和 y 偏移量。

输出纹理中的等效值是多少?考虑到在片段着色中,我无法控制要写入的texel。会打电话给 gl.viewPort() 耍把戏吗?我需要更改画布的尺寸吗?

1 回复 | 直到 6 年前

gman 6 年前

gl.scissor gl.enable(gl.SCISSOR_TEST) gl.scissor(x, y, width, height)

const gl = document.querySelector("canvas").getContext("webgl");
gl.enable(gl.SCISSOR_TEST);
gl.scissor(50, 25, 150, 75);
gl.clearColor(1, 0, 0, 1);
gl.clear(gl.COLOR_BUFFER_BIT);  // notice the entire canvas is not cleared

canvas { border: 1px solid black; }

<canvas></canvas>

gl.viewport gl.clear gl_Position

gl_PointSize = 10.0

推荐文章

Thomas_ · 德国劳埃德船级社。抽屉元素“找到”相应的顶点数组缓冲区?

7 年前

Thomas An · GLSL ES1.0并将纹理单元索引传递给片段着色器?

7 年前

greedsin · texImage2D:XMLHttpRequest之后的图像无效

7 年前

user2694310 · 不同平台/硬件的不同GL着色器结果(YUV到RGB)

7 年前

user3186555 · WebGL颜色约定-我使用哪种以及为什么?

7 年前

Elias · 在webgl中生成文本纹理:Alpha不透明

7 年前

x2dragunov2x · 每帧绘制一个持久三角形[重复]

7 年前

Dmytro · WebGL颜色缓冲区问题:[GL\u INVALID\u操作:glDrawArrays]

7 年前

umair.ashfr · 如何在我的系统上找到WebGL的最大纹理大小[重复]

7 年前

Elias · webgl 2d将两个透明纹理叠加在一起

7 年前