Javascript 三家;吐温引起的?无关?材料不透明度访问警告#8142

Javascript 三家;吐温引起的?无关?材料不透明度访问警告#8142,javascript,warnings,opacity,Javascript,Warnings,Opacity,我已经试着概述了我们遇到的问题,这只是因为当试图使用TweenJS访问材质的不透明度时,控制台中充斥着围绕.wrapAround和.wrapRGB的警告。 警告只显示一次,但是我们循环了一系列对象,并对它们应用了tweens,因此我们最终得到了一个淹没的控制台日志,这非常烦人。也许我们做错了什么,有一个简单的方法可以停止看到这些警告,但我自己也无法解决,我希望你能帮上忙?:) 下面是一个基本示例的代码: //SCENE scene = new THREE.Scene(); scene.fog =

我已经试着概述了我们遇到的问题,这只是因为当试图使用TweenJS访问材质的不透明度时,控制台中充斥着围绕.wrapAround和.wrapRGB的警告。 警告只显示一次,但是我们循环了一系列对象,并对它们应用了tweens,因此我们最终得到了一个淹没的控制台日志,这非常烦人。也许我们做错了什么,有一个简单的方法可以停止看到这些警告,但我自己也无法解决,我希望你能帮上忙?:)

下面是一个基本示例的代码:

//SCENE
scene = new THREE.Scene();
scene.fog = new THREE.FogExp2( 0x000000, 0.011, 0.08 );

//RENDERER
renderer.setClearColor( 0x000000, 0 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( 800, 600 );

//CAMERA
camera = new THREE.PerspectiveCamera( 60, 800 / 600, 1, 30000 );
camera.position.x = 5;
camera.position.y = 10;
camera.position.z = 5;
camera.lookAt(new THREE.Vector3());

//LIGHTS
// Create Lights and add them to the scene
var ambient = new THREE.AmbientLight(0xffffff);
scene.add(ambient);

var directionalLight = new THREE.DirectionalLight(0x999999, 2.1);
directionalLight.position.set(0, 10, 10).normalize();
scene.add(directionalLight);

//SETUP SCENE
var geometry = new THREE.PlaneGeometry(10,10,1,1);
var material = new THREE.MeshBasicMaterial({color:0xff0000, opacity:1, transparent:true, shading: THREE.SmoothShading});
mesh = new THREE.Mesh(geometry, material);
mesh.rotation.x = THREE.Math.degToRad(-90);
scene.add(mesh);

/**
*   This way causes no warnings!
*/
/*
var opacity = mesh.material.opacity;
new TWEEN.Tween(opacity)
        .to({opacity:0}, 2000)
        .delay(10)
        .onUpdate(function(){
            mesh.material.needsUpdating = true;
            mesh.material.opacity-=0.01;
        })
        .yoyo(true)
        .repeat(Infinity)
        .start();
*/


/**
*   This way causes warnings!
*/
new TWEEN.Tween(mesh.material)
        .to({opacity:0}, 2000)
        .delay(10)
        .onUpdate(function(){
            mesh.material.needsUpdating = true;
        })
        .yoyo(true)
        .repeat(Infinity)
        .start();
loop();
因此,如果您看到第二个tween,在其中我访问mesh.material并尝试在不透明度之间进行tween,我似乎会得到两个与不透明度无关的警告

3.MeshBasicMaterial:。包裹已移除-three.min.js:387 three.MeshBasicMaterial:.wrapRGB已被删除-3.min.js:387

这是使用r73,但我相信问题仍然存在于r74中

有没有办法不看到这些警告,正如我所说的,我们在一组对象上应用了类似的tween,因此重复显示这些警告,因此会在控制台中大量显示警告


有什么方法可以帮助这一点吗?

嗯,我添加了一个示例页面,让大家看看。。。。。只需检查控制台,查看TweenJS与ThreeJs一起使用时出现的大量警告,查看代码只需检查iframe,谢谢