Processing 縦回転・横回転のやり方

Question

前提・実現したいこと

現在、ルービックキューブのような立方体を作っていて、それを列ごとに縦回転や横回転ができるようにしたいのですが、実現可能でしょうか？ご解答よろしくおねがいします。

該当のソースコード

processing

float boxSize = 40;
float distance = 42;
float halfDis;
int boxNum = 5;
float step = 255/boxNum;
float angleX = 30;
float angleY = 60;

void setup() {
  fullScreen(P3D);

  halfDis = distance*(boxNum- 1)/2;
}

void draw() {
  background(0);

  translate(width/2, height/2);
  rotateX(radians(-angleX));
  rotateY(radians(angleY));
  rotateX(angleX);
  rotateY(angleY);

  for (int z = 0; z < boxNum; z ++) {
    for (int y = 0; y < boxNum; y ++) {
      for (int x = 0; x < boxNum; x ++) {

        pushMatrix();

        translate(x*distance - halfDis, y*distance - halfDis,
          z*distance - halfDis);
        box(boxSize, boxSize, boxSize);
        popMatrix();
      }
    }
  }
}

float pressed_x;
float pressed_y;

void mouseDragged() {
  angleY = (mouseX - pressed_x) * 0.005;
  angleX = (mouseY - pressed_y) * 0.005;
}

Comments

[1T2R3M4]

可能でしょう。

[TN8001]

私はできそうにないので情報だけ^^;

ルービックキューブはいっぱいありそうです（元ネタは数個なのかもしれないが）
[Search · rubiks cube](https://github.com/search?l=Processing&q=rubiks+cube&type=Repositories

回転させることより、そのUIのほうが難しそうですね。。

[RY54828]

情報ありがとうございます。参考にさせていただきます。

Answer 1

やってみた。三次元把握できない...
色をつけるとかは勘弁。やるとすれば90度回った時点で「自分の位置」を更新しまくるのでしょうね。

float boxSize = 40;
float distance = 42;
float halfDis;
int boxNum = 5;
float step = 255/boxNum;
float angleX = 30;
float angleY = 60;

PVector[][][] boxPos;

int nextAxis;
int axis;
int nextPos=boxNum/2;
int pos=boxNum/2;
int th;

void setup() {
  size(600,600,P3D);
  //各ブロックに「自分の位置」を覚えてもらう
  boxPos=new PVector[boxNum][][];
  for (int z = 0; z < boxNum; z ++) {
    boxPos[z]=new PVector[boxNum][];
    for (int y = 0; y < boxNum; y ++) {
      boxPos[z][y]=new PVector[boxNum];
      for (int x = 0; x < boxNum; x ++) {
        boxPos[z][y][x]=new PVector(z-boxNum/2, y-boxNum/2, x-boxNum/2);
      }
    }
  }
  halfDis = distance*(boxNum- 1)/2;
}

void draw() {
  background(0);

  translate(width/2, height/2);
  rotateX(radians(-angleX));
  rotateY(radians(angleY));
  rotateX(angleX);
  rotateY(angleY);
  //90度毎に回転方向のチェック
  if(++th%90==0){
    axis=nextAxis;
    pos=nextPos;
    th=0;
  }
  float fth=TWO_PI*th/360;
  for (int z = 0; z < boxNum; z ++) {
    for (int y = 0; y < boxNum; y ++) {
      for (int x = 0; x < boxNum; x ++) {

        pushMatrix();
        //指定した平面の奴だけ回ってもらう
        switch(axis) {
        case 0:
          if ( boxPos[z][y][x].z==pos) {
            rotateX(fth);
          }
          break;
        case 1:
          if ( boxPos[z][y][x].y==pos) {
            rotateY(fth);
          }
          break;
        case 2:
          if ( boxPos[z][y][x].x==pos) {
            rotateZ(fth);
          }
        }

        translate(x*distance - halfDis, y*distance - halfDis, 
          z*distance - halfDis);
        box(boxSize, boxSize, boxSize);
        popMatrix();
      }
    }
  }
}

float pressed_x;
float pressed_y;

void mouseDragged() {
  angleY = (mouseX - pressed_x) * 0.005;
  angleX = (mouseY - pressed_y) * 0.005;
}

//回転方向?の切り替え
void keyPressed() {
  if(key=='1') nextAxis=0;
  else if(key=='2') nextAxis=1;
  else if(key=='3') nextAxis=2;
  else if(key=='4') nextPos=-boxNum/2;
  else if(key=='5') nextPos=-boxNum/2+1;
  else if(key=='6') nextPos=-boxNum/2+2;
  else if(key=='7') nextPos=-boxNum/2+3;
  else if(key=='8') nextPos=-boxNum/2+4;
}