javascript - 渲染带有 alpha channel 的 png 时, Three.js 会从显卡中泄漏像素

标签 javascript three.js webgl

我很难为这个问题找到一个合适的标题.. 我正在从外部 URL 加载 PNG 文件,但是使用一个特定的 PNG(无二的幂)、alpha channel (使用 gimp 创建),当我在平面中加载并用作纹理时,它会与看起来的内容混合呈现截取当前屏幕的部分内容。在所附的屏幕截图中,您将看到猫的顶部似乎有一层,其中有 Chrome 开发人员检查器窗口的倒置部分,该窗口在右侧打开。 我注意到它说由于图像不是二的幂,因此必须调整大小,但我没有注意到其他纹理的这种行为。 enter image description here 使用 Three.js R77,Chromium 版本 57.0.2987.98 在 Ubuntu 上构建,在 Ubuntu 16.04(64 位)上运行

最佳答案

哎呀,这是浏览器中的一个错误。您能否发布一个显示问题的独立示例?如果不是太麻烦,请在 crbug.com/上创建一个错误并附加它,否则请将测试用例放在某处并向我发送链接。谢谢。 (我致力于 Chrome 的 WebGL 实现。)

关于javascript - 渲染带有 alpha channel 的 png 时, Three.js 会从显卡中泄漏像素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43622184/

相关文章:

javascript - Three.js 将 StereoEffect 与 FXAA ShaderPass 相结合

opengl-es - 在 RGBA 纹理中编码 float 据

javascript - 根据用户选择输入编写 html 文本

javascript - Switch 语句在 javascript 中无法正常工作

javascript - 当 Canvas 不是全屏 r74 时单击 three.js 中的对象

opengl-es - WebGL 片段着色器在 if 语句上没有正确分支

javascript - 获取最后选择的值

javascript - React JS - 处理 child 点击事件的好方法是什么?

three.js - 在three.js中使用renderOrder

javascript - Physij 更新物体质量