使用Three.js,WebGL显示对象的顶点并旋转对象

先生先生

我已经在场景中添加了金字塔网格,并且可以分别围绕x,y和z轴旋转它。

我需要做的是向场景添加一个对象,该对象是5个彩色圆点,分别代表金字塔的5个顶点,然后旋转该对象。

我知道顶点的坐标,但是我不确定如何实现。要旋转金字塔网格,请使用mesh.rotation.x,mesh.rotation.y,mesh.rotation.z。

我是否应该尝试创建一个包含5个顶点的自定义网格并使用mesh.rotation,还是其他方法更容易?

木根87

解决此问题的常用方法是将彩色圆点作为子对象添加到金字塔中。如果然后旋转金字塔,则点将旋转到(因为保持其相对于其父代的位置)。

彩色点的位置是各个金字塔顶点的坐标。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用Three.js,WebGL显示对象的顶点并旋转对象

来自分类Dev

如何在Three.js中使用鼠标旋转对象?

来自分类Dev

three.js旋转面向对象

来自分类Dev

在Three.js的中心旋转mergeometry对象

来自分类Dev

在three.js中旋转对象

来自分类Dev

如何按照 vanilla webgl 中的 THREE.js 解决方案中所述围绕枢轴点旋转对象?

来自分类Dev

在Three.js中使用ObjLoader加载对象后如何访问顶点

来自分类Dev

显示在DIV中使用Three.js创建的“对象/画布”

来自分类Dev

当对象旋转时Three.js旋转相机

来自分类Dev

围绕对象轴THREE.js旋转对象

来自分类Dev

使用three.js使对象部分透明

来自分类Dev

three.js通过轴方向旋转对象

来自分类Dev

three.js通过鼠标向下旋转对象并移动

来自分类Dev

Three.js:添加和删除旋转对象的子代

来自分类Dev

Three.JS通过移动设备围绕对象旋转相机

来自分类Dev

Three.js通过圆路径旋转对象

来自分类Dev

Three.js:添加和删除旋转对象的子代

来自分类Dev

Three.js-围绕特定轴旋转对象

来自分类Dev

Three.js 对象返回错误的位置/旋转/缩放值

来自分类Dev

对webgl中的每个对象使用不同的顶点和片段着色器

来自分类Dev

如何在three.js(r66)中旋转对象而不使用控制相机的轨迹球

来自分类Dev

Three.js + Tween.js 补间多个对象的顶点

来自分类Dev

使用Alpha贴图时在three.js中显示重叠的对象

来自分类Dev

通过 Threex.dilategeometry.js 进一步平滑 THREE.TextGeometry 对象的顶点

来自分类Dev

使用带有Three.js的renderDepth在顶部渲染对象

来自分类Dev

如何使用Three.js在对象中添加文本

来自分类Dev

使用three.js将平移,旋转和缩放应用于几何后,如何获得顶点位置?

来自分类Dev

使用THREE.TransformControls缩放小对象

来自分类Dev

THREE.js-“对象选择”不会报告使用OBJMTLLoader加载的对象的父对象名称

Related 相关文章

  1. 1

    使用Three.js,WebGL显示对象的顶点并旋转对象

  2. 2

    如何在Three.js中使用鼠标旋转对象?

  3. 3

    three.js旋转面向对象

  4. 4

    在Three.js的中心旋转mergeometry对象

  5. 5

    在three.js中旋转对象

  6. 6

    如何按照 vanilla webgl 中的 THREE.js 解决方案中所述围绕枢轴点旋转对象?

  7. 7

    在Three.js中使用ObjLoader加载对象后如何访问顶点

  8. 8

    显示在DIV中使用Three.js创建的“对象/画布”

  9. 9

    当对象旋转时Three.js旋转相机

  10. 10

    围绕对象轴THREE.js旋转对象

  11. 11

    使用three.js使对象部分透明

  12. 12

    three.js通过轴方向旋转对象

  13. 13

    three.js通过鼠标向下旋转对象并移动

  14. 14

    Three.js:添加和删除旋转对象的子代

  15. 15

    Three.JS通过移动设备围绕对象旋转相机

  16. 16

    Three.js通过圆路径旋转对象

  17. 17

    Three.js:添加和删除旋转对象的子代

  18. 18

    Three.js-围绕特定轴旋转对象

  19. 19

    Three.js 对象返回错误的位置/旋转/缩放值

  20. 20

    对webgl中的每个对象使用不同的顶点和片段着色器

  21. 21

    如何在three.js(r66)中旋转对象而不使用控制相机的轨迹球

  22. 22

    Three.js + Tween.js 补间多个对象的顶点

  23. 23

    使用Alpha贴图时在three.js中显示重叠的对象

  24. 24

    通过 Threex.dilategeometry.js 进一步平滑 THREE.TextGeometry 对象的顶点

  25. 25

    使用带有Three.js的renderDepth在顶部渲染对象

  26. 26

    如何使用Three.js在对象中添加文本

  27. 27

    使用three.js将平移,旋转和缩放应用于几何后,如何获得顶点位置?

  28. 28

    使用THREE.TransformControls缩放小对象

  29. 29

    THREE.js-“对象选择”不会报告使用OBJMTLLoader加载的对象的父对象名称

热门标签

归档