Three js 绕原点旋转后回归原点
时间: 2023-12-31 18:06:38 浏览: 63
如果你想要使用 Three.js 绕原点旋转并且回到原点的话,可以使用以下代码:
1. 首先将物体移动到原点:
```javascript
object.position.set(0,0,0);
```
2. 接着将物体绕着原点旋转:
```javascript
object.rotateY(angle);
```
3. 最后将物体移回到原来的位置:
```javascript
object.position.set(x,y,z);
```
其中,`angle` 为旋转的角度,`(x,y,z)` 为物体原来的位置坐标。这样就可以实现绕原点旋转并回到原点了。
相关问题
Three 指定坐标 绕原点旋转后回归原点
如果你想要在 Three.js 中指定一个点,并将物体绕该点旋转后回到原点,可以使用以下代码:
1. 首先将物体移动到指定的点:
```javascript
object.position.set(point.x, point.y, point.z);
```
其中,`point` 为指定的点的坐标。
2. 接着将物体绕着该点旋转:
```javascript
object.rotateY(angle);
```
其中,`angle` 为旋转的角度。
3. 最后将物体移回到原来的位置:
```javascript
object.position.set(0, 0, 0);
```
这样就可以实现在 Three.js 中指定一个点,将物体绕该点旋转后回到原点了。
Three 指定坐标 绕原点旋转后回归原点 求回归后点的坐标
如果你想要在 Three.js 中指定一个点,并将物体绕该点旋转后回到原点,并且想要求出回归后点的坐标,可以使用以下代码:
1. 首先定义一个 Three.js 中的 Vector3 对象表示指定的点:
```javascript
var point = new THREE.Vector3(x, y, z);
```
其中,`(x, y, z)` 为指定点的坐标。
2. 将物体移动到指定的点:
```javascript
object.position.copy(point);
```
3. 将物体绕着该点旋转:
```javascript
object.rotateY(angle);
```
其中,`angle` 为旋转的角度。
4. 将物体移回到原来的位置:
```javascript
object.position.set(0, 0, 0);
```
5. 最后可以通过以下代码来获取回归后点的坐标:
```javascript
var newPosition = point.clone().applyMatrix4(object.matrixWorld);
```
其中,`newPosition` 为回归后点的坐标。
这样就可以实现在 Three.js 中指定一个点,将物体绕该点旋转后回到原点,并求出回归后点的坐标了。
阅读全文