当前位置: 代码迷 >> Web前端 >> JavaFX击砖块游戏 第二课
  详细解决方案

JavaFX击砖块游戏 第二课

热度:385   发布时间:2012-08-21 13:00:21.0
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


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

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


  相关解决方案