【发布时间】:2017-09-25 23:50:27
【问题描述】:
最近看到了three.js的例子:https://threejs.org/examples/#webgl_decals 我自己更改了 obj,但我不熟悉 webGL 或 three.js,我不知道如何将对象向下移动一点(见图)。我已经阅读了three.js 的文档并尝试更改一些我认为它可以将对象向下移动的参数,我是three.js 和WebGL 的新手。
【问题讨论】:
最近看到了three.js的例子:https://threejs.org/examples/#webgl_decals 我自己更改了 obj,但我不熟悉 webGL 或 three.js,我不知道如何将对象向下移动一点(见图)。我已经阅读了three.js 的文档并尝试更改一些我认为它可以将对象向下移动的参数,我是three.js 和WebGL 的新手。
【问题讨论】:
您的对象有一个名为“位置”的属性,它显示了如何将您的对象放置在空间中,“位置”的类型是THREE.Vector3,它有 3 个维度 x、y 和 z。所以你可以使用这些简单的代码来移动你的对象:
yourobjcet.position.x+=somevaluex;
yourobjcet.position.y+=somevaluey;
yourobjcet.position.z+=somevaluez;
//or, use built-in function
yourobject.translateY(somevalue);
您只需将对象的位置向下调整即可。
或者,如果您只想将对象居中,您可以使用yourobject.geometry.center()。
【讨论】:
.center(),THREE.Geometry()或THREE.BufferGeometry()的方法可能会更容易。