Question

我基本上是新的Three.js，我试图做一个简单的PlaneGeometry。

程序流程如下：

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

问题是我无法找到使这成为可能的方法，我已经阅读了一些有关此问题的文章，但他们没有给我正确的答案。有人至少可以指出哪些地方有用吗？ Ort改变我的代码？

<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>

Answer 1

已经有一个“PlaneGeometry”。参见Three.Planegeometry（）。使用此功能，您可以使用用户定义的细分等创建各种尺寸的平面。只需使用此功能！

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

Vertice Manipulation Three.js

1 个答案: