Поворот объекта вокруг оси в javaFX - PullRequest
0 голосов
/ 06 августа 2020

Я пытаюсь создать кубик Рубика в javaFX, и я борюсь с поворотом граней. До сих пор я просто добавлял 9 кубиков на грани в группу и поворачивал эти 90 градусов, чтобы получить правильное вращение всей грани, однако этот метод, похоже, не работает для нескольких вращений.

Вместо этого я хочу повернуть каждого детеныша ie вокруг точки поворота в центре каждой грани. Для этого я попытался использовать классы Rotate, встроенные в параметр pivot, но, похоже, это не влияет на вращение. Вот упрощенная версия функции, которую я использую для поворота лицевой грани, где двухмерный массив frontFace содержит все кубы на лицевой грани, сверху слева направо:

public void rotate() {
    Rotate r = new Rotate(45, 0, 0, -100, Rotate.Z_AXIS);
    for (int x = 0; x < 3; x++) {
        for (int y = 0; y < 3; y++) {
            frontFace[x][y].getCube().getTransforms().add(r);
        }
    }
}   

Это дает следующее результат (я повернул его на 45 градусов, чтобы его было легче увидеть):

Текущее вращение

В то время как я хотел бы, чтобы он вращался так:

Идеальное вращение

Это мой первый проект с использованием javaFX, и любая помощь будет принята с благодарностью! Полный проект на данный момент можно найти здесь:

https://gofile.io/d/KidwKh

РЕДАКТИРОВАТЬ: меня попросили включить минимальный воспроизводимый пример, поэтому я попытался сжать проблема в одном классе, который, надеюсь, не сбивает с толку, вот код:

import javafx.application.Application;
import javafx.geometry.Point3D;
import javafx.scene.AmbientLight;
import javafx.scene.Scene;
import javafx.scene.image.Image;
import javafx.scene.paint.Color;
import javafx.scene.paint.PhongMaterial;
import javafx.scene.shape.DrawMode;
import javafx.scene.shape.MeshView;
import javafx.scene.shape.TriangleMesh;
import javafx.scene.transform.Rotate;
import javafx.stage.Stage;

public class Example extends Application {


    public static final float X_RED     = 0.5f / 7f;
    public static final float X_GREEN   = 1.5f / 7f;
    public static final float X_BLUE    = 2.5f / 7f;
    public static final float X_YELLOW  = 3.5f / 7f;
    public static final float X_ORANGE  = 4.5f / 7f;
    public static final float X_WHITE   = 5.5f / 7f;
    public static final float X_GRAY    = 6.5f / 7f;


    public static int red = 0;
    public static int green = 1;
    public static int blue = 2;
    public static int yellow = 3;
    public static int orange = 4;
    public static int white = 5;
    public static int grey = 6;



    public static int WIDTH = 1400;
    public static int HEIGHT = 800;



    private static final SmartGroup MainCubeGroup = new SmartGroup();
    private static PhongMaterial mat = new PhongMaterial();


    MeshView[][] frontFace = new MeshView[3][3];

    @Override
    public void start(Stage primaryStage) {
        ViewCamera camera = new ViewCamera(MainCubeGroup);
        mat.setDiffuseMap(new Image(getClass().getResourceAsStream("pallete.png")));
        MainCubeGroup.getChildren().addAll(new AmbientLight(Color.WHITE));
        Scene scene = new Scene(MainCubeGroup, WIDTH, HEIGHT, true);

        //creates just frontFace of cube
        frontFace[0][0] = createCube(new Point3D(-100, -100, -100), new int[]{blue, grey, white, grey, red, grey});
        frontFace[0][1] = createCube(new Point3D(0, -100, -100),  new int[]{blue, grey, white, grey, grey, grey});
        frontFace[0][2] = createCube(new Point3D(100, -100, -100), new int[] {blue, green, white, grey, grey, grey});
        frontFace[1][0] = createCube(new Point3D(-100, 0, -100), new int[]{blue, grey, grey, grey, red, grey});
        frontFace[1][1] = createCube(new Point3D(0, 0, -100), new int[]{blue, grey, grey, grey, grey, grey});
        frontFace[1][2] = createCube(new Point3D(100, 0, -100),  new int[]{blue, green, grey, grey, grey, grey});
        frontFace[2][0] = createCube(new Point3D(-100, 100, -100), new int[]{blue, grey, grey, grey, red, yellow});
        frontFace[2][1] = createCube(new Point3D(0, 100, -100), new int[]{blue, grey, grey, grey, grey, yellow});
        frontFace[2][2] = createCube(new Point3D(100, 100, -100),  new int[]{blue, green, grey, grey, grey, yellow});


        rotate(45);


        scene.setFill(Color.BLANCHEDALMOND);
        scene.setCamera(camera);
        primaryStage.setTitle("DDD");
        primaryStage.setScene(scene);
        MainCubeGroup.translateXProperty().set(WIDTH / 2);
        MainCubeGroup.translateYProperty().set(HEIGHT / 2);
        primaryStage.show();
        camera.initMouseControl(scene, primaryStage);
    }


    public static void main(String[] args) {launch(args);}


    public void rotate(int angle) {
        Rotate r = new Rotate(angle, 0, 0, -100, Rotate.Z_AXIS);
        for (int x = 0; x < 3; x++) {
            for (int y = 0; y < 3; y++) {
                frontFace[x][y].getTransforms().add(r);
            }
        }
    }


    public static MeshView createCube(Point3D position, int[] face){
        int sideLength = 90;
        TriangleMesh meshCube = new TriangleMesh();
        meshCube.getTexCoords().addAll(
                X_RED, 0.5f,
                X_GREEN, 0.5f,
                X_BLUE, 0.5f,
                X_YELLOW, 0.5f,
                X_ORANGE, 0.5f,
                X_WHITE, 0.5f,
                X_GRAY, 0.5f
        );

        meshCube.getPoints().addAll(
                sideLength/2,  sideLength/2,  sideLength/2,  //point0
                sideLength/2, -sideLength/2,  sideLength/2,  //point1
                sideLength/2,  sideLength/2, -sideLength/2,  //point2
                sideLength/2, -sideLength/2, -sideLength/2,  //point3
                -sideLength/2,  sideLength/2,  sideLength/2, //point4
                -sideLength/2, -sideLength/2,  sideLength/2, //point5
                -sideLength/2,  sideLength/2, -sideLength/2, //point6
                -sideLength/2, -sideLength/2, -sideLength/2  //point7
        );
        //textures
        meshCube.getFaces().addAll(

                2,face[0],3,face[0],6,face[0],      // F
                3,face[0],7,face[0],6,face[0],

                0,face[1],1,face[1],2,face[1],      // R
                2,face[1],1,face[1],3,face[1],

                1,face[2],5,face[2],3,face[2],      // U
                5,face[2],7,face[2],3,face[2],

                0,face[3],4,face[3],1,face[3],      // B
                4,face[3],5,face[3],1,face[3],

                4,face[4],6,face[4],5,face[4],      // L
                6,face[4],7,face[4],5,face[4],

                0,face[5],2,face[5],4,face[5],      // D
                2,face[5],6,face[5],4,face[5]

        );
        MeshView cube = new MeshView(meshCube);
        cube.setDrawMode(DrawMode.FILL);
        cube.setMaterial(mat);
        cube.setTranslateX(position.getX());
        cube.setTranslateY(position.getY());
        cube.setTranslateZ(position.getZ());
        MainCubeGroup.getChildren().add(cube);
        return cube;
    }
}

Вот изображение, pallete.png, которое используется в коде, если вам нужны цвета, хотя я не думаю, что это имеет отношение к проблеме: pallete.png

Спасибо.

1 Ответ

0 голосов
/ 08 августа 2020

Когда вы добавляете объект поворота r к узлу frontFace, каждый такой узел интерпретирует координаты объекта поворота в собственной системе координат этого узла. Каждый куб определил свой центр как (0, 0, -100) в своей собственной системе координат, поэтому вращение вокруг этой точки поворота поворачивает куб вокруг своего собственного центра. Узлы, которые нужно вращать вокруг одной точки поворота в одной системе координат - системе координат их родительской группы. * и примените новый экземпляр Rotate на основе этой «локальной» точки поворота.

public void rotate(int angle) {
    // These coordinates are in the parent Group's coordinate system.
    Point3D pivot = new Point3D(0, 0, -100);

    for (int x = 0; x < 3; x++) {
        for (int y = 0; y < 3; y++) {
            Node cube = frontFace[x][y];

            Point3D localPivot = cube.parentToLocal(pivot);

            Rotate r = new Rotate(angle,
                localPivot.getX(), localPivot.getY(), localPivot.getZ(),
                Rotate.Z_AXIS);
            cube.getTransforms().add(r);
        }
    }
}
...