在循环中围绕自己的轴旋转每个元素(处理)

西里尔

我有一个平铺模式,我想绕每个元素的轴旋转每个元素。现在,我的整个图案都在旋转-围绕第一个图块的轴向左上方旋转...我如何设置它的旋转影响循环中的每个图块?我尝试了translate()等等,但是逻辑完全让我感到困惑–我的意思是我没有理解…

感谢您的任何帮助或想法!

int horizontal;
int vertical;

void setup() {
  size(730, 1080);
}

void draw() {
  background(0);
  fill(255);


  for (vertical = 0; vertical < 5; vertical++) {

    for (horizontal = 0; horizontal <4; horizontal++) {
      float wave = sin(radians(frameCount));
      pushMatrix();
      rectMode(CENTER);
      rotate(radians(wave*10));
      rect(182*horizontal, 216*vertical, 182, 216);
      popMatrix();
    }
  }
}
拉比德76

rotate定义旋转矩阵,并将当前矩阵乘以旋转矩阵。rotate因此导致旋转(0,0)。
您必须将矩形围绕(0,0)居中,将其旋转,然后使用以下命令将旋转的矩形移动到所需位置translate

translate(182*horizontal + 91, 216*vertical + 108);
rotate(radians(wave*10));
rectMode(CENTER);
rect(0, 0, 182, 216);

完整的代码:

void setup() {
    size(730, 1080);
}

void draw() {
    background(0);
    fill(255);

    for (int vertical = 0; vertical < 5; vertical++) {

        for (int horizontal = 0; horizontal <4; horizontal++) {
            float wave = sin(radians(frameCount));
            pushMatrix();
            translate(182*horizontal + 91, 216*vertical + 108);
            rotate(radians(wave*10));
            rectMode(CENTER);
            rect(0, 0, 182, 216);
            popMatrix();
        }
    }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在处理.each()循环中的每个元素之后触发方法

来自分类Dev

jQuery修改每个循环中的元素

来自分类Dev

围绕中心旋转嵌套元素

来自分类Dev

jQuery围绕xy轴旋转矩形

来自分类Dev

如何围绕特定轴旋转矢量

来自分类Dev

如何围绕自己的中心旋转 SVG 对象?

来自分类Dev

如何在每个循环中循环不同数量的元素?

来自分类Dev

批处理文件:在嵌套循环中处理列表元素

来自分类Dev

使用多重处理以自己的方法映射数组的每个元素

来自分类Dev

围绕元素顺时针旋转(仅)

来自分类Dev

在for循环中更新MongoDB数据库中的每个元素

来自分类Dev

如何检查每个循环中是否存在元素

来自分类Dev

全页站点:每个循环中的onclick元素导航

来自分类Dev

Symfony2在每个循环中更改元素样式

来自分类Dev

如何在每个循环中找到元素的类

来自分类Dev

为什么围绕x轴平移CALayer会影响围绕Y轴的旋转

来自分类Dev

在onclick事件处理程序循环中设置当前元素

来自分类Dev

批处理文件:在for循环中访问数组元素

来自分类Dev

围绕对象轴THREE.js旋转对象

来自分类Dev

使用Matrix4f围绕多个轴旋转盒子

来自分类Dev

使用四元数围绕轴旋转多个点

来自分类Dev

围绕其自身的轴旋转3D图元

来自分类Dev

Three.js-围绕特定轴旋转对象

来自分类Dev

Three.js-围绕轴旋转Object3D

来自分类Dev

我可以使用swift在iOS中围绕y轴旋转对象,但是如何围绕单个轴旋转许多对象?

来自分类Dev

在Y轴上旋转元素

来自分类Dev

JSR269批注处理getElementsAnnotatedWith()在每个循环中返回所有被批注的元素,并且无法区分它属于哪种类型

来自分类Dev

在每个循环中让自己对rspec测试产生最后的已知状态

来自分类Dev

通过过渡围绕父元素旋转子元素

Related 相关文章

  1. 1

    在处理.each()循环中的每个元素之后触发方法

  2. 2

    jQuery修改每个循环中的元素

  3. 3

    围绕中心旋转嵌套元素

  4. 4

    jQuery围绕xy轴旋转矩形

  5. 5

    如何围绕特定轴旋转矢量

  6. 6

    如何围绕自己的中心旋转 SVG 对象?

  7. 7

    如何在每个循环中循环不同数量的元素?

  8. 8

    批处理文件:在嵌套循环中处理列表元素

  9. 9

    使用多重处理以自己的方法映射数组的每个元素

  10. 10

    围绕元素顺时针旋转(仅)

  11. 11

    在for循环中更新MongoDB数据库中的每个元素

  12. 12

    如何检查每个循环中是否存在元素

  13. 13

    全页站点:每个循环中的onclick元素导航

  14. 14

    Symfony2在每个循环中更改元素样式

  15. 15

    如何在每个循环中找到元素的类

  16. 16

    为什么围绕x轴平移CALayer会影响围绕Y轴的旋转

  17. 17

    在onclick事件处理程序循环中设置当前元素

  18. 18

    批处理文件:在for循环中访问数组元素

  19. 19

    围绕对象轴THREE.js旋转对象

  20. 20

    使用Matrix4f围绕多个轴旋转盒子

  21. 21

    使用四元数围绕轴旋转多个点

  22. 22

    围绕其自身的轴旋转3D图元

  23. 23

    Three.js-围绕特定轴旋转对象

  24. 24

    Three.js-围绕轴旋转Object3D

  25. 25

    我可以使用swift在iOS中围绕y轴旋转对象,但是如何围绕单个轴旋转许多对象?

  26. 26

    在Y轴上旋转元素

  27. 27

    JSR269批注处理getElementsAnnotatedWith()在每个循环中返回所有被批注的元素,并且无法区分它属于哪种类型

  28. 28

    在每个循环中让自己对rspec测试产生最后的已知状态

  29. 29

    通过过渡围绕父元素旋转子元素

热门标签

归档