如何让我的弹跳球移动?

时间:2016-03-29 20:47:16

标签: java ios animation javafx timeline

所以我正在编写一个程序,让球在屏幕上反弹,但是当我发射它时,球根本不会移动。我使用了Timeline的动画值,dy和dx作为屏幕半径的边界。

public class BallPane extends Pane {

public final double radius = 5;
public double x = radius, y = radius;
public double dx = 1, dy = 1;
public Circle circle = new Circle(x, y, radius);
public Timeline animation;

public BallPane(){
//sets ball position
x += dx; 
y += dy; 
circle.setCenterX(x); 
circle.setCenterY(y);

circle.setFill(Color.BLACK);
getChildren().add(circle); 

// Create animation for moving the Ball
animation = new Timeline(
    new KeyFrame(Duration.millis(50), e -> moveBall() ));
animation.setCycleCount(Timeline.INDEFINITE);
animation.play();
}    

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

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

public DoubleProperty rateProperty(){
    return animation.rateProperty();
}

public void moveBall(){
// Check Boundaries
    if(x < radius || x > getWidth() - radius) {
        dx *= -1; //change Ball direction
    }
    if(y < radius|| y > getHeight() - radius) {
        dy *= -1; //change Ball direction
    }
}
}

这是我的发布代码:

    public class BounceBallControl extends Application {

@Override
public void start(Stage stage) {

    BallPane ballPane = new BallPane(); // creates the ball pane

    ballPane.setOnMousePressed( e -> ballPane.pause());
    ballPane.setOnMouseReleased( e -> ballPane.play());

    Scene scene = new Scene(ballPane, 300, 250);
    stage.setTitle("BounceBall!");
    stage.setScene(scene);
    stage.show();

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

我拿出了增加速度和降低速度的方法,因为它们似乎无关紧要(因为任何人都想知道速度设置在animation.setRate(animation.getRate()+ 0.1)。为什么我的球不动(根本),它留在角落里?

1 个答案:

答案 0 :(得分:1)

移动时你实际上并不是relocating球。

请参阅下面的示例,该示例将球重新定位在新的x和y坐标位置以移动它。

public void moveBall() {
    x += dx;
    y += dy;

    // Check Boundaries
    if (x < radius || x > getWidth() - radius) {
        dx *= -1; //change Ball direction
    }
    if (y < radius || y > getHeight() - radius) {
        dy *= -1; //change Ball direction
    }

    circle.setCenterX(x);
    circle.setCenterY(y);
}

注意,您可以完全取消单独的x和y变量,因为它们的值已经通过圆的centerX和centerY属性表示,但我已将x和y变量保留在上面的代码中,以便与原来编码的解决方案没有太大区别。