【three.js】旋转、缩放、平移几何体

本文主要是介绍【three.js】旋转、缩放、平移几何体，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

目录

一、缩放

二、平移

三、旋转

四、居中

附源码

---

BufferGeometry通过.scale()、.translate()、.rotateX()、.rotateY()等方法可以对几何体本身进行缩放、平移、旋转,这些方法本质上都是改变几何体的顶点数据。

我们先创建一个平面物体，样子是这样的。

一、缩放

// 几何体xyz三个方向都放大2倍
geometry.scale(2, 2, 2);// 几何体旋转、缩放或平移之后，查看几何体顶点位置坐标的变化
// BufferGeometry的旋转、缩放、平移等方法本质上就是改变顶点的位置坐标
console.log('顶点位置数据', geometry.attributes.position);

二、平移

这篇关于【three.js】旋转、缩放、平移几何体的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---