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