时间戳

首页 > 解决方案 > 如何在 Three.js 中操作几何与网格？

three.js - 如何在 Three.js 中操作几何与网格？

问题描述

我有方法可以遍历几何的顶点并将它们移动到新位置。例如，我可以通过围绕该轴旋转每个点来围绕空间中的任意轴旋转几何图形。

因此，如果我有一个使用几何图形显示的网格，我如何在操纵顶点位置时更新网格？

标签： three.jsgeometry

解决方案

此示例将几何图形在 Y 正方向上移动 5 个单位，如果每次更新后几何图形上的 verticesNeedUpdate 设置为 true，网格将跟随它：

// Update geometry vertices however/whenever you would like
geometry.vertices.forEach(function(vertex) {
    vertex.set(vertex.x, vertex.y + 5, vertex.z);
 });

//Tthen, this must be called inside animation loop (each frame or whenever updated)
geometry.verticesNeedUpdate = true;

推荐阅读