Three.js WebGl resize object weird behavior

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;