Javascript 使用滑块更改顶点坐标

我正在尝试更改三角形第一个顶点的x和y位置，我希望通过调整datgui上的滑块在屏幕上看到它的动态更新。下面是我的代码。你能给我指一下正确的方向吗？我真的很挣扎。在animate（）中指定变量有什么问题

整个代码如下：

我想问题就在这里

function animate() {

requestAnimationFrame( animate );


params.xposv1=mesh.geometry.vertices[0].x; 
params.yposv1=mesh.geometry.vertices[0].y; 

mesh.geometry.verticesNeedUpdate = true;

    renderer.render( scene, camera );

}

---

您有一个全局变量

geometry

。在GUI中将其属性

顶点

与索引

0

一起使用

你可以这样做：

var摄像机、场景、渲染器；
变量几何、材质、网格；
init（）；
制作动画（）；
函数addDatGui（）{
var gui=new dat.gui（）；
添加（geometry.vertices[0]，'x'）.min（-800）.max（800）.步骤（5）；
添加（geometry.vertices[0]，'y'）.min（-800）.max（800）.步骤（5）；
}
函数init（）{
摄像头=新的三个透视摄像头（75，window.innerWidth/window.innerHeight，11000）；
摄像机位置z=1000；
场景=新的三个。场景（）；
几何体=新的三个。几何体（）；
geometry.vertices=[
新的三矢量3（-94，-200,0），
新的三个矢量3（92，68，0），
新三个矢量3（-105180,0）
];
geometry.faces=[新的三个面3（0,1,2）]；
网格=新的三点网格（几何体，新的三点网格基本材质({
颜色：0xffff00，
侧面：三个。双面
}));
场景。添加（网格）；
renderer=new THREE.WebGLRenderer（）；
renderer.setSize（window.innerWidth、window.innerHeight）；
document.body.appendChild（renderer.doElement）；
渲染器。渲染（场景、摄影机）；
addDatGui（）；
}
函数animate（）{
请求动画帧（动画）；
网格旋转y+=0.01；
mesh.geometry.verticesNeedUpdate=true；
渲染器。渲染（场景、摄影机）；
}

正文{
溢出：隐藏；
保证金：0；
}