Wie kann ich die Rotation mehrerer Bilder in JavaFX synchronisieren? Canvas

Question

Ich habe mehrere Objekte, die ich zusammen rotieren möchte. Wenn sie bei 0 Grad (nach gerade) sind, sind sie gut, aber wenn sie es nicht sind, sieht es wie folgt aus:

ich diesen Code verwende zu drehen:

private void rotate(GraphicsContext gc, double angle, double px, double py) { 
    Rotate r = new Rotate(angle, px, py); 
    gc.setTransform(r.getMxx(), r.getMyx(), r.getMxy(), r.getMyy(), r.getTx(), r.getTy()); 
} 

private void drawRotatedImage(GraphicsContext gc, Image image, double angle, double tlpx, double tlpy) { 
    gc.save(); // saves the current state on stack, including the current transform 
    rotate(gc, angle, tlpx + image.getWidth()/2, tlpy + image.getHeight()/2); 
    gc.drawImage(image, tlpx, tlpy); 
    gc.restore(); // back to original state (before rotation) 
} 

Ich habe eine Reihe von Bildern, die ich benutze und rotiere sie, indem ich drawRotatedImage mit einem einheitlichen Winkel anrufe. Alle Bilder sind 32 x 32. Wie kann ich diese Verschiebung in den Bildern beheben?

Answer 1

Um die Bilder als eine Gruppe zu rotieren, einfach die gleiche Transformation verwenden für alle jene Bilder:

Statt

gc.save(); 
gc.setTransform(new Affine(new Rotate(angle, image1CenterX, image1CenterY))); 
gc.drawImage(image1, image1X, image1Y); 
gc.restore(); 

gc.save(); 
gc.setTransform(new Affine(new Rotate(angle, image2CenterX, image2CenterY))); 
gc.drawImage(image2, image2X, image2Y); 
gc.restore(); 

... 

(das ist, was Sie tun, wenn Sie drawRotatedImage für jeden Anruf Bild)

Verwenden

gc.save(); 
gc.setTransform((new Affine(new Rotate(angle, rotationCenterX, rotationCenterY))); 

gc.drawImage(image1, image1unrotatedX, image1unrotatedY); 
gc.drawImage(image2, image2unrotatedX, image2unrotatedY); 
... 

gc.restore();