animation in javaFx

Question

私はjavaFxのアニメーションと関係があるプロジェクトに取り組んでいます。私はそれをGUIで書いています。それはスティックフィギュアです。私は棒の図をペインの右側に歩かせ、次にそれが右の面に触れるとペインの左の壁に向かうように戻そうとしています。私はスティックフィギュアにしたいものをまさに動かすボールですが、私のスティックフィギュアプログラムにそのコードを修正することはできません。どのようにこれを行うにはどのようなアイデアですか？

package animationdemo; 

    import javafx.animation.KeyFrame; 
    import javafx.animation.Timeline; 
    import javafx.application.Application; 
    import javafx.scene.Scene; 
    import javafx.scene.layout.Pane; 
    import javafx.scene.paint.Color; 
    import javafx.scene.shape.Circle; 
    import javafx.stage.Stage; 
    import javafx.util.Duration; 

    public class MovingBallDemo_3 extends Application { 

@Override 
public void start(Stage primaryStage) { 

    BallPane ballPane = new BallPane(); // Create a ball pane 
    // Pause and resume animation 
    ballPane.setOnMousePressed(e -> ballPane.pause()); 
    ballPane.setOnMouseReleased(e -> ballPane.play()); 
    // Create a scene and place it in the stage 
    Scene scene = new Scene(ballPane, 250, 150); 
    primaryStage.setTitle("Bouncing Ball Control"); // Set the stage title 
    primaryStage.setScene(scene); // Place the scene in the stage 
    primaryStage.show(); // Display the stage 
} 

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

class BallPane extends Pane { 

public final double radius = 20; 
private double x = 2 * radius, y = 3 * radius; 
private double dx = 3; // Number of pixels to move each time 
private Circle circle = new Circle(x, y, radius); 
private Timeline animation; 

public BallPane() { 
    circle.setFill(Color.RED); // Set ball color 
    getChildren().add(circle); // Place a ball into this pane 
    // Create the animation for 25 millisecond events 
    animation = new Timeline(new KeyFrame(Duration.millis(25), e -> moveBall())); 
    animation.setCycleCount(Timeline.INDEFINITE); 
    animation.play(); // Start animation 
} 

public void play() { 
    animation.play(); 
} 

public void pause() { 
    animation.pause(); 
} 
// Move the ball. When a wall is encountered, reverse direction 
protected void moveBall() { 
    if (x <= radius || x >= getWidth() - radius) { 
     dx *= -1; // Change direction 
    } 
    // Adjust ball position 
    x += dx; 
    circle.setCenterX(x); 
} 
} 

上記は、スティックフィギュアGUIにしたいアニメーションです。ここで上記のコードはスティック図を機能させるためにとして私のコードをマージする私の試みはあるが、何も起こりません：あなたはどのmoveBall（）メソッドに移動して行っていない

 package Stickfigure; 

    import java.awt.Graphics; 
    import javafx.animation.KeyFrame; 
    import javafx.animation.PathTransition; 
    import javafx.animation.Timeline; 
    import javafx.application.Application; 
    import javafx.event.ActionEvent; 
    import javafx.event.EventHandler; 
    import javafx.scene.Scene; 
    import javafx.scene.control.Button; 
    import javafx.scene.layout.Pane; 
    import javafx.scene.layout.StackPane; 
    import javafx.scene.paint.Color; 
    import javafx.scene.shape.Arc; 
    import javafx.scene.shape.ArcType; 
    import javafx.scene.shape.Circle; 
    import javafx.scene.shape.Line; 
    import javafx.stage.Stage; 
    import javafx.util.Duration; 


    public class Stickfigure extends Application { 

     @Override 
    public void start(Stage primaryStage) { 
     BallPane ballPane = new BallPane(); 
     ballPane.setOnMousePressed(e -> ballPane.pause()); 
     ballPane.setOnMouseReleased(e -> ballPane.play()); 

    Circle circle = new Circle(100, 100, 0);//head 
    Circle circle1 = new Circle(120, 80, 50);//eye 
    circle1.setRadius(5);//radius of eye 
    circle.setRadius(50);//radius of head 
    circle.setStroke(Color.BLACK);//circle color 
    circle1.setStroke(Color.BLACK);//circle color 
    circle.setFill(null);//makes the head empty(no brain haha) 
    circle.setStrokeWidth(5);//sets the line thickness of circle (head) 

    Arc arc = new Arc();//mouth 
    arc.setCenterX(110.0f);//mouth position 
    arc.setCenterY(120.0f);//mouth position 
    arc.setRadiusX(35.0f);//mouth size 
    arc.setRadiusY(25.0f);//mouth size 
    arc.setStartAngle(1.0f);//angle of mouth 
    arc.setLength(5.0f);//length of mouth 
    arc.setType(ArcType.ROUND); 

    Line line1 = new Line(100, 250, 100, 150); //body of stick figure 
    Line line2 = new Line(); //left leg 
    Line line3 = new Line();//right leg 
    Line line4 = new Line();//right arm 
    Line line5 = new Line();//left arm 

    line2.setStartX(30.0f); //left leg starting position y 
    line2.setStartY(350.0f);//left leg starting position y 
    line2.setEndX(100.0f);//left leg end pos x 
    line2.setEndY(250.0f);//left leg end pos y 

    line3.setStartX(200.0f); //right leg start pos x 
    line3.setStartY(350.0f);// right leg start pos y 
    line3.setEndX(100.0f); //right leg end pos x 
    line3.setEndY(250.0f); //right leg end pos y 

    line4.setStartX(100.0f);//right arm start pos x 
    line4.setStartY(200.0f); //right arm start pos y 
    line4.setEndX(200.0f); //right arm end pos x 
    line4.setEndY(170.0f); //right arm end pos y 

    line5.setStartX(30.0f);//left arm arm statt pos x 
    line5.setStartY(250.0f); // left arm start pos y 
    line5.setEndX(100.0f);//left arm end pos x 
    line5.setEndY(200.0f);//left arm end pos y 

    line1.setStrokeWidth(5); //thickness of line 
    line1.setStroke(Color.BLACK);//color of line 
    line2.setStrokeWidth(5);//thickness of line 
    line2.setStroke(Color.BLACK);//color of line 
    line3.setStrokeWidth(5);//thickness of line 
    line3.setStroke(Color.BLACK);//color of line 
    line4.setStrokeWidth(5);//thickness of line 
    line4.setStroke(Color.BLACK);//color of line 
    line5.setStrokeWidth(5);//thickness of line 
    line5.setStroke(Color.BLACK);//color of line 

    // Create a pane to hold the circle 

    ballPane.getChildren().add(circle); //adds circle to picture 
    ballPane.getChildren().add(circle1);//adds circle to picture 
    ballPane.getChildren().add(line1);//adds line 
    ballPane.getChildren().add(line2);//adds line 
    ballPane.getChildren().add(line3);//adds line 
    ballPane.getChildren().add(line4);//adds line 
    ballPane.getChildren().add(line5);//adds line 
    ballPane.getChildren().add(arc);//adds arc 





    Scene scene = new Scene(ballPane, 400, 400); 

    primaryStage.setTitle("stick figure");//title 
    primaryStage.setScene(scene); 
    primaryStage.show(); 
} 

/** 
* @param args the command line arguments 
*/ 
public static void main(String[] args) { 
    launch(args); 
} 
class BallPane extends Pane { 

public final double radius = 20; 
private double x = 2 * radius, y = 3 * radius; 
private double dx = 3; // Number of pixels to move each time 

private Timeline animation; 

public BallPane() { 


    // Create the animation for 25 millisecond events 
    animation = new Timeline(new KeyFrame(Duration.millis(25), e -> moveBall())); 
    animation.setCycleCount(Timeline.INDEFINITE); 
    animation.play(); // Start animation 
} 

public void play() { 
    animation.play(); 
} 

public void pause() { 
    animation.pause(); 
} 
// Move the ball. When a wall is encountered, reverse direction 
protected void moveBall() { 
    if (x <= radius || x >= getWidth() - radius) { 
     dx *= -1; // Change direction 
    } 
    // Adjust ball position 
    x += dx; 

} 
} 

} 

Answer 1

。ローカル値を変更するだけです。 Paneが継承しているNodeクラスとtranslateXPropertyクラスを見てください。あなたは自分のフィールドだけでなく、それを変更したい。
あなたもあなたのボールのクラス内の実際の翻訳を持っていた：circle.setCenterX(x);