【问题标题】:Vertice Manipulation Three.js顶点操作 Three.js
【发布时间】:2014-05-17 00:31:46
【问题描述】:

我基本上是新的 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>

【问题讨论】:

    标签: javascript html three.js


    【解决方案1】:

    已经有一个“PlaneGeometry”。请参见 Three.Planegeometry()。使用此功能,您可以使用用户定义的细分等创建各种尺寸的平面。只需使用这个!

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-12-02
      • 2018-06-01
      • 2013-09-13
      • 1970-01-01
      • 2015-05-25
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多