Javascript Vertice操纵3.js

我基本上是新的Three.js，我正在尝试制作一个简单的

PlaneGeometry

程序流程如下所示：

• 用户将输入他/她所需的

  平面几何图形的高度和宽度

• 浏览器将显示具有用户所需高度和宽度的平面

但问题是我找不到实现这一点的方法，我读过一些关于这一点的文章，但他们没有给我正确的答案。至少有人能告诉我哪里有用吗？你能修改我的密码吗

<form method="POST" action = "">
    <input type=button value="Resize" onclick="resizeverti" />
    <input type=text id="width" />
    <input type=text id="height" />
 </form>

<script src="js/three.min.js"></script>
<script>
    function resizeverti()
    {
    var widthsize=parseInt(document.getElementById('width').value);
    var heightsize=parseInt(document.getElementById('height').value);    

    theVerti.geometry.vertices.push( new THREE.Vector3( widthsize, heightsize, 0 ) );
    theVerti.geometry.vertices.push( new THREE.Vector3( widthsize, heightsize, 0 ) );
    theVerti.geometry.vertices.push( new THREE.Vector3( widthsize, heightsize, 0 ) );
    theVertigeometry.faces.push( new THREE.Face3( 0, 1, 2 ) );
    };
  resizeverti();
  var renderer = new THREE.CanvasRenderer();
  renderer.setSize(window.innerWidth, window.innerHeight);
  document.body.appendChild(renderer.domElement);

  </script>

函数resizeverti（）
{
var widthsize=parseInt（document.getElementById（'width'）.value）；
var heightsize=parseInt（document.getElementById（'height'）.value）；
推（新的三个向量3（宽度大小，高度大小，0））；
推（新的三个向量3（宽度大小，高度大小，0））；
推（新的三个向量3（宽度大小，高度大小，0））；
垂直几何体.faces.push（新的三个.Face3（0，1，2））；
};
resizeverti（）；
var renderer=new THREE.CanvasRenderer（）；
renderer.setSize（window.innerWidth、window.innerHeight）；
document.body.appendChild（renderer.doElement）；

已经有了“平面几何体”。请参见3.Planegeometry（）。使用此功能，您可以创建具有用户定义的细分等各种尺寸的平面。只需使用此功能

如果用户更改了平面的大小，只需将其从场景中移除，并使用当前用户定义的参数创建一个新的平面