代码之家 › 专栏 › 技术社区 › Gavin

更改webGL画布的分辨率

pixel shader webgl

Gavin · 技术社区 · 6 年前

我一直在阅读有关webGL上下文的缩放和平滑的内容,但我还没有找到我的问题的明确答案。webGL是否能够以不同(或动态)分辨率(例如640x480)全屏渲染?

很多像素化例程( http://clockworkchilli.com/blog/32_a_simple_retro_shader_for_webgl_games )实际上是映射纹理。我的项目没有使用纹理,它只是平面着色(和平滑着色)灵长类动物。我面临的主要问题是,缩放上下文会导致在灵长类的边缘进行过滤,我认为这是因为webGL有一个画布包装器。我试图关闭过滤(或将其设置为最近),但无法使其工作。

有人有过这样的经验吗?谢谢

1 回复 | 直到 6 年前

gre_gor 6 年前

您具有此CSS属性

https://developer.mozilla.org/en/docs/Web/CSS/Image-rendering

但它在不同浏览器之间的支持似乎很差/不一致。

否则,您可以在低分辨率帧缓冲区上渲染内容,然后使用GL\u最近过滤将其纹理绘制到全分辨率画布。

推荐文章

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 年前