绕某个点旋转

1、首先推导绕原点旋转

假设 v点的坐标是(x, y) ,那么可以推导得到 v’点的坐标(x’, y’)(设原点到v的距离是r

v’(x’, y’)

x′=r*cos(θ+ϕ)

y′=r*sin(θ+ϕ)

通过三角函数展开得到
x′=r*cosθcosϕr*sinθsinϕ
y′=r*sinθcosϕ+r*cosθsinϕ

有因为

v(x,y)

x=r*cosϕ;

y=r*sinϕ;

带入

x′=r*cosθcosϕr*sinθsinϕ
y′=r*sinθcosϕ+r*cosθsinϕ

所以旋转θ后的坐标如下

x′=x*cosθ−y*sinθ
y′=x*sinθ+y*cosθ

写成矩阵的形式如下

2、然后推导不在原点旋转

点V(x,y)绕点O(x0,y0)得到新的点V’(x',y');

V和V‘原点平移了(x0,y0) 

得到的新坐标

V(x-x0,y-y0)

V'(x'-x0,y'-y0)

没有平移之前

x′=x*cosθ−y*sinθ
y′=x*sinθ+y*cosθ

平移(x0,y0) 

x′-x0=(x-x0)*cosθ−(y-y0)*sinθ
y′-y0=(x-x0)*sinθ+(y-y0)*cosθ

得到

x'=(x-x0)*cosθ−(y-y0)*sinθ+x0;

y'=(x-x0)*sinθ+(y-y0)*cosθ+y0;

写成下面矩阵的形式

\begin{bmatrix} x'\\ y' \end{bmatrix}     =    \begin{bmatrix} cos\Theta &-sina\Theta \\ sina\Theta & cos\Theta \end{bmatrix}  *\begin{bmatrix} x-x0\\ y-y0\end{bmatrix}+\begin{bmatrix} x\\ y \end{bmatrix}

实现代码:

struct point
{
	double x;
	double y;

};

point AfterPoint(point A,point B,double phi)
{

	//任意点A(x1,y1),绕一个坐标点B(x2,y2)逆时针旋转θ角度后,新的坐标设为C(x, y)
	//x= (x1 - x2)*cos(θ) - (y1 - y2)*sin(θ) + x2 ;
	//y= (x1 - x2)*sin(θ) + (y1 - y2)*cos(θ) + y2 ;
	//旋转的phi弧度
	point C;
	C.x = (A.x - B.x)*std::cos(phi) - (A.y - B.y)*std::sin(phi) + B.x;
	C.y = (A.x - B.x)*std::sin(phi) + (A.y - B.y)*std::cos(phi) + B.y;
	return C;

}

  • 11
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
使用three.js,可以通过设置物体的旋转中心(pivot point)来使其某个旋转。 首先,创建一个THREE.Group对象,将需要旋转的物体添加到该组中。然后,将该组的位置设置为旋转中心的位置,再将物体X、Y或Z轴旋转即可。最后,将该组添加到场景中。 例如,以下代码将一个立方体Y轴以(0, 2, 0)为中心旋转: ```javascript var group = new THREE.Group(); scene.add(group); var cubeGeometry = new THREE.BoxGeometry(1, 1, 1); var cubeMaterial = new THREE.MeshBasicMaterial({color: 0xffffff}); var cube = new THREE.Mesh(cubeGeometry, cubeMaterial); group.add(cube); var pivot = new THREE.Vector3(0, 2, 0); group.position.copy(pivot); function animate() { requestAnimationFrame(animate); group.rotation.y += 0.01; renderer.render(scene, camera); } animate(); ``` 在animate函数中,每帧都将groupY轴旋转0.01弧度。因为group的位置已经设置为中心,所以立方体将旋转。 需要注意的是,如果物体的位置已经被设置过,需要将其位置减去旋转中心的位置,以保证旋转中心正确。例如,如果上面的立方体已经被移动到了(1, 0, 0)的位置,则需要将group的位置设置为(1, 2, 0)。 ```javascript var group = new THREE.Group(); scene.add(group); var cubeGeometry = new THREE.BoxGeometry(1, 1, 1); var cubeMaterial = new THREE.MeshBasicMaterial({color: 0xffffff}); var cube = new THREE.Mesh(cubeGeometry, cubeMaterial); cube.position.set(1, 0, 0); // 设置立方体位置 group.add(cube); var pivot = new THREE.Vector3(0, 2, 0); group.position.copy(pivot).sub(cube.position); // 设置旋转中心并修正位置差 function animate() { requestAnimationFrame(animate); group.rotation.y += 0.01; renderer.render(scene, camera); } animate(); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xutingjie168

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值