SpriteNodeMaterial的透明度

时间:2017-07-28 07:45:39

标签: three.js textures sprite transparency

我从示例https://threejs.org/examples/#webgl_sprites_nodes开始,通过SpriteNodeMaterial获得动画精灵功能。

我想要的第一件事就是让精灵的背景透明,我更新了.PNG纹理以添加一个alpha通道,但背景在NormalBlending中保持黑色。 我尝试使用CustomBlending和许多blendSrc和blendDst因子,但结果永远不会是预期的...

我测试CustomBlending的更新,而不是默认的NormalBlending:

walkingManTexture.premultiplyAlpha = true;
sprite1.material.transparent = true;
//sprite1.material.alphaTest = 0.5;
sprite1.material.blending = THREE[ "CustomBlending" ];
sprite1.material.blendSrc = THREE[ "OneFactor" ];
sprite1.material.blendDst = THREE[ "OneMinusSrcAlphaFactor" ];
sprite1.material.blendEquation = THREE.AddEquation;

我没有在NormalBlending中使用MeshBasicMaterial的问题,似乎是因为SpriteNodeMaterial。 也许只有透明度的深度问题?

我的代码:https://jsfiddle.net/herve3d/zhxuvgwr/7/

由于

0 个答案:

没有答案