小编Vec*_*nas的帖子

WebGL中的透明纹理行为

环境:WebGL,Chrome.使用透明png作为模型的纹理时,我有以下行为:

  1. 图像A - 树隐藏在它后面的建筑物,我看到世界框纹理.它也隐藏自己(后面的分支不可见)
  2. 同时 - 图像B - 工作正常,窗口是透明的,我看到后面是什么

A: 在房子的树 B: 窗口透明度

两个屏幕截图都是在同一场景中同时从不同的摄像头位置进行的.纹理由相同的算法产生.

我无法理解窗口和分支透明度之间的区别.我的主要问题是 - 如何修复分支以便不隐藏它们后面的对象?着色器代码是:

gl_FragColor = vec4(textureColor.rgb * vLightWeighting, textureColor.a);
Run Code Online (Sandbox Code Playgroud)

我玩启用/禁用混合和depth_test,有时得到想要的结果,但不确定它是否是正确的做事方式.

transparency textures webgl

17
推荐指数
2
解决办法
1万
查看次数

标签 统计

textures ×1

transparency ×1

webgl ×1