JavaFX打砖块游戏开发 第二课

   上一课中，我们制作了一个挡板，并跟随鼠标左右移动。

  这一课我们中，将增加一个小球，在空间中弹来弹去。为了方便，我们只使用简单的碰撞，当然，在后面也会进行改进。

  首先新建一个Ball类，继承上一课中的BaseObject。

  

import javafx.scene.effect.Lighting;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;

/**
* @author wing
* @date 2012/7/26
*/
public class Ball extends BaseObject{
private Circle circle;
private int speedX = 2, speedY = -2;
public Ball(int centerX,int centerY, int radius) {
circle = new Circle(centerX, centerY, radius, Color.LIGHTBLUE);
circle.translateXProperty().bindBidirectional(xProperty());
circle.translateYProperty().bindBidirectional(yProperty());
circle.setEffect(new Lighting());
setWidth(2 * radius);
setHeight(2 * radius);
getChildren().add(circle);

}

public void setSpeedX(int speedX) {
this.speedX = speedX;
}

public int getSpeedX() {
return speedX;
}

public void setSpeedY(int speedY) {
this.speedY = speedY;
}

public int getSpeedY() {
return speedY;
}

}

  我们在Ball.java中，新建了一个Circle，然后进行属性绑定。增加了一个Lighting的Effect，让小球看起来稍微真实点。最后通过getChildren进行添加。

  下面，我们将它添加进上一课的GameScene.java中。

  

import org.wing.game.object.Ball;
import org.wing.game.object.MainBrick;

import javafx.animation.KeyFrame;
import javafx.animation.Timeline;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Parent;
import javafx.scene.input.MouseEvent;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.util.Duration;

public class GameScene extends Parent {
private int width, height;
private Rectangle background;
private MainBrick mainBrick = new MainBrick();
private Ball ball = new Ball(15, 15, 15);

private Timeline timeline;
private KeyFrame keyFrame;
public GameScene(int width, int height){
this.width = width;
this.height = height;

initGameObjects();
initTimeLine();

}

private void initGameObjects(){
background = new Rectangle(0, 0, this.width, this.height);
background.setOnMouseMoved(new EventHandler<MouseEvent>() {
@Override
public void handle(MouseEvent event) {
mainBrick.onMouseMove(event);
}
});
background.setFill(Color.BLACK);

mainBrick.setX(0);
mainBrick.setY(height - mainBrick.getHeight());
ball.setX((mainBrick.getWidth() - ball.getWidth())/2);
ball.setY(height - mainBrick.getHeight() - ball.getHeight());

getChildren().add(background);
getChildren().add(mainBrick);
getChildren().add(ball);
}

private void initTimeLine(){
timeline = new Timeline();
timeline.setCycleCount(Timeline.INDEFINITE);
keyFrame = new KeyFrame(Duration.millis(5), new EventHandler<ActionEvent>(){
@Override
public void handle(ActionEvent arg0) {
ball.moveX(ball.getSpeedX());
ball.moveY(ball.getSpeedY());

if(ball.getX() <= 0 || ball.getX() >= BrickBlock.WIDTH - ball.getWidth()){
ball.setSpeedX(-ball.getSpeedX());
}

if(ball.getY() <= 0 || ball.getY() >= BrickBlock.HEIGHT - ball.getHeight()){
ball.setSpeedY(-ball.getSpeedY());
}

if(ball.isCollisionWith(mainBrick)) {
ball.setSpeedY(-ball.getSpeedY());
}
}
});
timeline.getKeyFrames().add(keyFrame);
timeline.play();
}
}

  当然，不只是添加。

  我们在initGameObjects中，将小球默认位置设置在挡板的上面。

  然后就要开始来创建我们的动画了。

  JavaFX中的动画就是通过animation来控制的。而animation又有两个子类，其中一个是Transition，很明显就是一些属性改变的动画，JavaFX继承Transition的动画也有很多，详情可以看Doc文档。另外一个就是Timeline,
也就是俗称的时间轴，可以向时间轴Timeline中添加帧KeyFrame，每个KeyFrame主要包含帧运行的时间间隔和帧执行的回调事件EventHandler。

  

  上面的代码中，我们就创建了一个时间轴Timeline，然后添加了一个KeyFrame。 每一帧执行的效果，就是小球的运动，当小球碰到程序的边距和碰到挡板时，会进行反弹。

  同时设定TImeline中的帧的执行次数为无限循环。

  下面看看程序运行情况:

  


  如何所示，小球将会在空间中弹来弹去，移动鼠标可以移动挡板进行改变小球的运行轨迹。 不过由于此处使用的碰撞没做处理，会有一点其他的小毛病。

  这一课就到此结束了，依然用到了上一课中的动态绑定，然后就是Timeline的使用。当然，也可以进行添加Transition来增加其他的动画，这将会在下一课中使用。

  转载请注明出处:http://blog.csdn.net/ml3947

---------------------------------------------------------------------------------------------------------------------------------------------------------

  本来上周末就准备更新博客的，但周日突然家里出了点事，请了三天假回家了，今天才回到武汉，更新博客。不过对于我而言，现阶段写博客，也只是纯粹积累和分享，与大家共同进步。