Three.js:背景和png粒子的不可见背景

时间:2013-12-23 11:42:03

标签: javascript three.js

我无法在粒子上设置隐形背景和Alpha通道。

对于圣诞节,我想使用您的示例脚本wegl_particles_sprite。适应形势。我已将代码设置为前景中的全屏div,并成功使其无法点击,以便我仍然可以使用我的网站。问题是,即使使用transparent=true;,我也无法将png alpha通道设置为透明。

首先我将背景设置为透明:确定

renderer = new THREE.WebGLRenderer( { clearAlpha: 1, alpha:true } );

但无法用alpha通道加载我的雪花。需要帮助某人制作圣诞魔法吗?

编辑:抱歉是输入错误,问题仍然存在!对于粒子^^

3 个答案:

答案 0 :(得分:0)

不应该

renderer = new THREE.WebGLRenderer( { clearAlpha: 1, alpha:true } );

答案 1 :(得分:0)

你用什么样的材料制作雪花?也许这很有用:

http://threejs.org/examples/webgl_materials_blending.html

您很可能需要做类似

的事情
material.transparent = true;
material.blending = THREE.AdditiveAlphaBlending;

答案 2 :(得分:0)

最后我成功了。使用上面的代码和一个已经看不见的背景的png,一切似乎都有效!如你所见:

http://www.makedifferent.fr

在[http://jsfiddle.net/ketzylcoatl/3b75p/5/]上获取代码并享受!

非常感谢和新年快乐!