图片不会在场景中刷新。 在chrome中的客户端上使用Javascript,Three和CSS3DRenderer。 我通过THREE.Object3D在场景中嵌入了一个图像,当在服务器上更新图像时,图像将不会在场景中更新。我确实使用了缓存破解技术,并向自己证明浏览器缓存正在更新。 总结:
var camera = new THREE.PerspectiveCamera(40, window.innerWidth / window.innerHeight, 1, 10000);
var scene = new THREE.Scene();
var renderer = new THREE.CSS3DRenderer();
var controls = new THREE.TrackballControls(camera, renderer.domElement);
var element = document.createElement('div');
var img = document.createElement('img');
img.src = images[i].src+'?t='+new Date().getTime(); // cache busting technique
element.appendChild(img);
var object = new THREE.CSS3DObject(element);
scene.add(object);
图像显示得很好。 然后在服务器上使用相同的缓存清除技术进行更新,并且场景中没有任何变化。 我尝试用各种语句更新场景,如:
scene.remove(x);
scene.add(x);
camera.updateProjectionMatrix(); // didn't do anything I noticed
renderer.render(scene, camera); //
任何线索都会有所帮助 感谢
答案 0 :(得分:0)
实际上它确实如此,但是three.js每隔几毫秒自动计算对象矩阵对象大小,位置和一些其他参数,然后覆盖你设置的矩阵。如果要设置矩阵,则必须将对象矩阵自动计算配置为false。
请参阅此answer。