在ThreeJS中使用PNG实现透明贴图效果

ThreeJS是一个基于WebGL的开源库，使用起来十分方便。不过由于是开源，所以相关文档相当稀少，本人把在学习过程中遇到的一些问题及解决方法整理成一个专栏，希望对大家可以有所帮助！

在ThreeJS中如果直接把PNG贴图赋给材质，是无法在场景中正常显示的，效果如下图所示：

贴图是自己随便找的PNG图片，所以效果比较那个，大家不要介意。

现在说一下解决方法，就是在材质中设置透明属性为true，代码如下：

child.material.transparent = true;

正确效果如下：

下面是完整的加载模型的代码：

//加载带贴图纹理的模型
    function LoadModelWithTexture()
    {

        //加载纹理
        var texture = new THREE.Texture();

        //加载图片
        v