Three.js WebGl调整对象奇怪行为

Question

我有一段工作正常的代码，但当我启用WebGL时它停止工作。 一般来说，我有一个函数，每个frameRate调整我的对象的大小。

function animate(){ 

    window.requestAnimationFrame(animate); 
    s.setPosition(s.x - 1, s.y - 1, 0); 
} 

s.prototype.setPosition = function(x, y, z) { 

this.x = x; 
this.y = y; 
this.z = z; 

this.squareMesh.geometry.vertices[0].set(x, y, z); 
this.squareMesh.geometry.vertices[1].set(x + this.w - 1, y, z); 
this.squareMesh.geometry.vertices[2].set(x + this.w - 1, y - this.h + 1, z); 
this.squareMesh.geometry.vertices[3].set(x, y - this.h + 1, z); 
} 

这工作正常，直到我启用WebGl。启用时，对象没有任何事情发生，似乎值不更新。

当我使用构建功能像

obj.position.x = s.x +1它的工作原理。

但这会导致其他问题，如每个对象的0 0 0位置。我指的是这个问题在这里：Three.js, WebGl Object position

Answer 1

见https://github.com/mrdoob/three.js/wiki/Updates

这应该告诉three.js所的顶点改变，需要刷新：

this.squareMesh.geometry.verticesNeedUpdate = true;