Three.js - 在平面上更改臉部大小几何

Question

我試圖通過修改頂點來更改臉部座標。 變量的值是正確的，但在屏幕上沒有改變。

這是plain

這是我的代碼：

var geometry = editor.selected.geometry; 
    var vertices = geometry.vertices; 

    vertices[1] = new THREE.Vector3(-100/3, 50, 0); 
    vertices[5] = new THREE.Vector3(-100/3, 0, 0); 

    var uvs = geometry.faceVertexUvs[0]; 

    uvs[0] = [new THREE.Vector2(0, 1), new THREE.Vector2(0, 0.5), new THREE.Vector2(1/6, 1)]; 
    uvs[1] = [new THREE.Vector2(0, 0.5), new THREE.Vector2(1/6, 0.5), new THREE.Vector2(1/6, 1)]; 
    uvs[2] = [new THREE.Vector2(1/6, 1), new THREE.Vector2(1/6, 0.5), new THREE.Vector2(2/3, 1)]; 
    uvs[3] = [new THREE.Vector2(1/ 6, 0.5), new THREE.Vector2(2/3, 0.5), new THREE.Vector2(2/3, 1)]; 

    geometry.computeVertexNormals(); 
    geometry.computeFaceNormals(); 

    geometry.__dirtyVertices = true; 
    geometry.__dirtyNormals = true; 

    geometry.verticesNeedUpdate = true; 
    geometry.normalsNeedUpdate = true; 
    geometry.uvsNeedUpdate = true; 

有什麼建議？

Answer 1

您正在改變位於形狀邊界內的頂點。這就是爲什麼你沒有看到變化。如果您在材料上打開wireframe，則會看到頂點確實發生了變化。看看這個小提琴：

http://jsfiddle.net/g6pzvjxj/

還爲您uvs它應該是：

var uvs = geometry.faceVertexUvs[0];