Rotation 旋转一个内部有圆的正方形,在圆的顶部有点

Rotation 旋转一个内部有圆的正方形,在圆的顶部有点,rotation,processing,processing.js,Rotation,Processing,Processing.js,好的,伙计们,这是一个场景,在这张图片中有一个盒子,盒子里面有一个圆圈。现在你们可以看到,圆的顶部有四个点,盒子的四个角。这些点实际上是椭圆。通过这些点,我们可以重塑图像。现在,我想做的是围绕其中心添加旋转,即圆形和长方体的旋转。旋转的问题是,点位于圆的顶部,旋转时需要保持它们的位置以及其他角点。有什么意见吗?如何做到这一点 您可以使用对坐标矩阵应用变换 比如: void setup(){ 大小(300300); 矩形模式(中心); ellipseMode(中心); } 作废提款(){ 背景(2

好的,伙计们,这是一个场景,在这张图片中有一个盒子,盒子里面有一个圆圈。现在你们可以看到,圆的顶部有四个点,盒子的四个角。这些点实际上是椭圆。通过这些点,我们可以重塑图像。现在,我想做的是围绕其中心添加旋转,即圆形和长方体的旋转。旋转的问题是,点位于圆的顶部,旋转时需要保持它们的位置以及其他角点。有什么意见吗?如何做到这一点

您可以使用对坐标矩阵应用变换

比如:

void setup(){
大小(300300);
矩形模式(中心);
ellipseMode(中心);
}
作废提款(){
背景(255);
//使用帧计数进行旋转
浮点a=弧度(帧数%360);
//移动坐标以便可以在原点绘制
//旋转始终使用原点作为轴
平移(宽度/2,高度/2);
//顺时针
轮换(a);
//逆时针
//旋转(-a);
noFill();
rect(0,0,100,100);
椭圆(0,0,100,100);
椭圆(-50,0,4,4);
椭圆(0,-50,4,4);
椭圆(-50,-50,4,4);
椭圆(0,50,4,4);
椭圆(50,0,4,4);
椭圆(-50,50,4,4);
椭圆(50,50,4,4);
填充(255,0,0);
椭圆(50,-50,4,4);
}
有一个关于二维变换的精彩教程:


你可以使用带旋转的CSS3。你能给我指个方向吗。我不知道怎么做。通过处理代码可以做到吗?哦!哎呀。我没有意识到
处理
实际上是一种编程语言的名称。现在它更有意义了——我不懂那种语言;很抱歉但是,上面代码中的旋转既不是顺时针旋转,也不是逆时针旋转。它正确地跟随它所做的鼠标;)(上面编辑的代码)。这只是一个如何使用旋转的例子,不清楚是否需要它来保持旋转。。。过来看