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

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

webgl

Jeff Saremi · 技术社区 · 8 年前

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

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

1 回复 | 直到 8 年前

gman 8 年前

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

推荐文章

Community wiki · 颜色属性如何在VBO中工作?

3 年前

Danny Raufeisen · WebGL不喜欢带索引绘图的Index 255

3 年前

Pap113 · Google chrome和Apple M1中的计算着色器

3 年前

Brigapes · 像Macbook Air这样的GPU受限设备是广泛市场WebGL性能指标的好来源吗?

3 年前

Seth Lutske · 在webgl中的鼠标上绘制像素事件-顶点缓冲区不够大,无法进行绘制调用

3 年前

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

8 年前

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

8 年前

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

8 年前

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

8 年前

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

8 年前