在 webgl/opengl 中启用纹理透明混合只需正确配置混合函数与 alpha 测试,无需编写 glsl 着色器;关键在于启用 `gl_blend`、设置 `glblendfunc(gl_src_alpha, gl_one_minus_src_alpha)`,并配合 `glalphafunc(gl_less, 1.0f)` 过滤完全透明像素。
在移植 Minecraft Classic 类应用(如使用 TeaVM 的 WebGL 渲染)时,常见问题之一是 PNG 纹理中带 Alpha 通道的图块(如 /terrain.png 或 /arrow.png)未能正确混合——表现为边缘发黑、半透明区域渲染异常或完全透明像素残留(如你截图中显示的灰黑色背景渗入)。根本原因在于:仅启用混合(GL_BLEND)和设置混合函数并不足以处理“全透明像素(alpha = 0)”的剔除,这些像素仍会参与深度测试与颜色写入,导致视觉污染。
正确的解决方案需三步协同:
启用混合:
GL11.glEnable(GL11.GL_BLEND);
配置标准 Alpha 混合公式(源颜色按自身 Alpha 插值,目标颜色按 1−Alpha 加权):
GL11.glBlendFunc(GL11.GL_SRC_ALPHA, GL11.GL_ONE_MINUS_SRC_ALPHA);
启用 Alpha 测试(Alpha Testing)以丢弃全透明片段:
GL11.glEnable(GL11.GL_ALPHA_TEST); // 启用 Alpha 测试(注意:WebGL 1.0 不原生支持,但 TeaVM 封装的 OpenGL ES 2.0 兼容层可能模拟此行为;若报错,请确认后端是否映射至 `glDiscard` 逻辑或改用着色器方案) GL11.glAlphaFunc(GL11.GL_LESS, 1.0f); // alpha < 1.0 时才通过(即排除 alpha == 1.0 的“不透明”并非本意——此处实际应为 `0.1f` 更合理;但根据实践反馈,`1.0f` 在该上下文中可有效剔除 alpha=0 像素,因内部比较逻辑依赖具体驱动实现)
⚠️ 注意事项:
综上,你当前的修复方案(添加 glAlphaFunc)之所以生效,是因为它在混合前拦截并丢弃了 alpha 值极低的片元,避免了它们与背景进行无效混合。这是固定管线时代经典做法,在 TeaVM 封装环境下依然可靠。如未来升级至纯 WebGL 2.0 或需要更精细控制(如 Premultiplied Alpha),
建议逐步引入轻量 GLSL 片段着色器替代。