Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用ColladLoader时three.js png纹理不透明_Three.js_Collada - Fatal编程技术网

使用ColladLoader时three.js png纹理不透明

使用ColladLoader时three.js png纹理不透明,three.js,collada,Three.js,Collada,我从SecondLife中保存了一个collada文件,并使用3js和ColladLoader2渲染它。除了使用透明纹理文件的零件外,图像看起来很好。该文件是一个透明的png文件。透明部分渲染为白色 我正在使用三个.js的修订版:“78” 下面是代码片段 <script src="js/three.min.js"></script> <script src="js/ColladaLoader2.js"></script> &

我从SecondLife中保存了一个collada文件,并使用3js和ColladLoader2渲染它。除了使用透明纹理文件的零件外,图像看起来很好。该文件是一个透明的png文件。透明部分渲染为白色

我正在使用三个.js的修订版:“78”

下面是代码片段

    <script src="js/three.min.js"></script>
    <script src="js/ColladaLoader2.js"></script>
    <script src="js/Detector.js"></script>

    <script>

        var container;
        var camera, scene, renderer;
        var group;

        var targetRotation = 0;
        var targetRotationOnMouseDown = 0;

        var mouseX = 0;
        var mouseXOnMouseDown = 0;

        var windowHalfX = window.innerWidth / 2;
        var windowHalfY = window.innerHeight / 2;

        var loader = new THREE.ColladaLoader();
        loader.options.convertUpAxis = true;
        loader.load('models/collada/ASB1/American_Saddlebred.dae', function(collada) {
            dae = collada.scene;
            dae.scale.x = dae.scale.y = dae.scale.z = 100.0;
            dae.updateMatrix();

            init();
            animate();

            function init() {
                container = document.createElement('div');
                document.body.appendChild(container);

                var info = document.createElement('div');
                info.style.position = 'absolute';
                info.style.top = '10px';
                info.style.width = '100%';
                info.style.textAlign = 'center';
                info.innerHTML = 'Drag to spin';
                container.appendChild(info);

                scene = new THREE.Scene();

                camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 1, 1000);
                camera.position.set(0, 50, 800);
                scene.add(camera);

                var light = new THREE.AmbientLight( 0xFFFFFF ); // soft white light
                camera.add(light);

                renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true} );
                renderer.setClearColor( 0x333333, 1);
                renderer.setClearAlpha = 0.003;
                renderer.setPixelRatio(window.devicePixelRatio);
                renderer.setSize(window.innerWidth, window.innerHeight);
                container.appendChild( renderer.domElement );

var容器;
摄像机、场景、渲染器;
var组;
var目标=0;
var targetRotationOnMouseDown=0;
var-mouseX=0;
var mouseXOnMouseDown=0;
var windowHalfX=window.innerWidth/2;
var windowHalfY=window.innerHeight/2;
var loader=new THREE.ColladaLoader();
loader.options.convertUpAxis=true;
loader.load('models/collada/ASB1/American_Saddlebred.dae',函数(collada){
dae=collada.scene;
dae.scale.x=dae.scale.y=dae.scale.z=100.0;
dae.updateMatrix();
init();
制作动画();
函数init(){
container=document.createElement('div');
文件.正文.附件(容器);
var info=document.createElement('div');
info.style.position='绝对';
info.style.top='10px';
info.style.width='100%';
info.style.textAlign='center';
info.innerHTML='拖动旋转';
container.appendChild(info);
场景=新的三个。场景();
摄像头=新的三个透视摄像头(50,window.innerWidth/window.innerHeight,11000);
摄像机位置设置(0,50,800);
场景。添加(摄影机);
var light=新的三个。环境光(0xFFFFFF);//柔和的白光
相机。添加(灯光);
renderer=new THREE.WebGLRenderer({antialas:true,alpha:true});
setClearColor(0x333333,1);
renderer.setClearAlpha=0.003;
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth、window.innerHeight);
container.appendChild(renderer.doElement);