好吧,我想设置一个background-image
深度,而不是那个退化的背景。我尝试了很多东西,我尝试了这个社区的很多答案,但没有办法......结果永远是background-image
不可见或粒子上方。我只想background-image
替换当前的background-color
.
我希望任何人都能够帮助我提供正确的代码,感谢并抱歉我的英语。
https://codepen.io/at80/pen/tqdmv
<canvas>
我将无法完全回答您的问题,因为有很多着色器代码需要查看。
您需要做的是确保当片段绘制的不是叶子的东西(例如背景)时,它的 alpha 值为0.0
。最简单的就是在gl_FragColor.a = 0.0;
某个地方。我是 OpenGL/WebGL 的新手,所以我无法通过找到确切的位置或方法来帮助你。
你有很多片段着色器,它们每个都在做不同的事情。着色<script id="bg_fsh" type="x-shader/x_fragment">
器仅控制背景,但仅靠它是不够的。
一旦您设法在片段着色器中使背景透明,您就可以以某种方式设置背景图像,例如在<div>
包含画布的地方,它应该显示出来。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句