关于坐标旋转

简介: 在看(中文版)的第十章的第二节,它提到“高级坐标旋转”,书中只给出了一个基本公式: x1 = cos(angle) * x – sin(angle) * y; y1 = cos(angle) * y + sin(angle) * x; 书上并没有写如何来分析、证明这个公式,所以就自己琢磨了一下。

在看<Flash actionscript动画教程>(中文版)的第十章的第二节,它提到“高级坐标旋转”,书中只给出了一个基本公式:

x1 = cos(angle) * x – sin(angle) * y;

y1 = cos(angle) * y + sin(angle) * x;

书上并没有写如何来分析、证明这个公式,所以就自己琢磨了一下。

 

有如下的所示的图,如果有一个圆,它的圆心距离以某一点为参考点(原点)不变,而绕着它旋转某一角度后,希望得到新的坐标。

==> 已经圆心距离“原点”它的坐标为(x, y),现在希望求得在它绕“原点”旋转一定角度(angle)后,新的坐标(x1, y1)

image

假设初始坐标(x, y)与X轴形成的一个角度为A,记圆心距离“原点”的长度为 d = Math.sqrt(x * x + y * y);

sin(A) = y / d;

cos(A) = x / d;

x1 = d * cos(A + angle);

=>

x1 = d * (cos(A)*cos(angle) – sina(A)*sin(angle));

x1 = d * cos(A) * cos(angle) – d * sin(A) * sin(angle);

x1 = d * (x / d) * cos(angle) – d * (y / d) * sin(angle);

x1 = x * cos(angle) – y * sina(angle);

 

y1 = d * sin(A + angle);

=>

y1 = d * (sin(A)*cos(angle)  + cos(A)*sin(angle));

y1 = d * sin(A) * cos(angle) + d * cos(A) * sin(angle);

y1 = d * (y / d) * cos(angle) + d * (x / d) + sin(angle);

y1 = y * cos(angle) + x * sin(angle);

 

主要用到了以下两个公式:

sin(A+B) = sin(A) * cos(B) + cos(A) * sin(B);

cos(A+B) = cos(A) * cos(B) – sin(A) * sin(B);

 

最后用这个公式写一个简单的例子

一个Ball类,还有一个测试类。

Ball类:

package {
import flash.display.Sprite;

public class Ball extends Sprite {
private var radius:Number;
private var color:uint;

public function Ball(radius:Number = 40, color:uint = 0xff0000){
this.radius = radius;
this.color = color;
init();
}

public function init():void {
graphics.beginFill(color);
graphics.drawCircle(0, 0, radius);
graphics.endFill();
}

}
}

用于测试的类

package  
{
import flash.display.Sprite;
import flash.events.Event;

/**
* ...
* @author ...
*/
public class Rotate2 extends Sprite
{

private var ball:Ball;
private var vr:Number = .05;
private var cos:Number = Math.cos(vr);
private var sin:Number = Math.sin(vr);

public function Rotate2()
{
init();
}

private function init():void
{
ball = new Ball();
addChild(ball);

ball.x = Math.random() * stage.stageWidth;
ball.y = Math.random() * stage.stageHeight;

addEventListener(Event.ENTER_FRAME, onEnterFrame);
}

private function onEnterFrame(evt:Event):void
{
var x1:Number = ball.x - stage.stageWidth / 2;
var y1:Number = ball.y - stage.stageHeight / 2;
var x2:Number = cos * x1 - sin * y1;
var y2:Number = cos * y1 + sin * x1;

ball.x = stage.stageWidth / 2 + x2;
ball.y = stage.stageHeight / 2 + y2;
}
}

}
目录
相关文章
|
3月前
|
API C++ 计算机视觉
【opencv3】鼠标框选矩形并显示当前像素点坐标和矩形中心点坐标C++
【opencv3】鼠标框选矩形并显示当前像素点坐标和矩形中心点坐标C++
|
6月前
数学问题-圆上某点沿圆心旋转后的坐标关系式
数学问题-圆上某点沿圆心旋转后的坐标关系式
105 1
|
6月前
|
计算机视觉
OpenCV-绘制旋转矩形
OpenCV-绘制旋转矩形
|
移动开发 C++
C/C++编程题之坐标移动
开发一个坐标计算工具, A表示向左移动,D表示向右移动,W表示向上移动,S表示向下移动。从(0,0)点开始移动,从输入字符串里面读取一些坐标,并将最终输入结果输出到输出文件里面。
|
图形学
Unity 之 获取物体的旋转角正确数值
不管父物体如何设置,都能获取到物体本身旋转角度的正确数值
930 0
立体照片旋转
旋转照片+开关灯
52 0
立体照片旋转
c3旋转立方体
要求:六面立方体,立体旋转 
73 0
c3旋转立方体
|
计算机视觉
opencv实现坐标旋转(教你框住小姐姐)
一、项目背景 最近在做一个人脸检测项目,需要接入百度AI的系统进行识别和检测。主要流程就是往指定的URL上post图片上去,之后接收检测结果就好了。 百度的检测结果包含这样的信息:   left - 人脸区域离左边界的距离   top - 人脸区域离上边界的距离   width - 人脸区域的宽度   height - 人脸区域的高度   ratation 人脸框相对于竖直方向的顺时针旋转角[-180, 180].  如果我想把人脸框出来,很容易想到的是以(left, top)为左上顶点,以width 为宽,height为高,画一个矩形就好了。
1819 0