JavaFXアニメーションボールの例
バウンシングボールは、JavaFxのアニメーションの「Hello World」です。 書くのは簡単で、理解するのは簡単で、この原始的な段階からでもJavaFxの可能性を明らかにします。
最初に、移動するボールを作成します。このボールは、跳ねるボールの基礎を設定します。
1. 動くボールの例
基本的な設定とは別に、このコードには重要な行が1つだけあります。 Timeline
を作成する行。 このTimeline
は、2つの重要なプロパティを保持しています。 KeyFrame
とKeyValue
。 簡単な英語でTimeline
に言うことは、「ボールを現在の場所から3秒でPane
の終わりに移動する」ということです。 次に、それを(親切に)2回行い、それを無効にするように依頼します。
MovingBall.java
package com.techfou.javafx.animatedball; import javafx.animation.KeyFrame; import javafx.animation.KeyValue; import javafx.animation.Timeline; import javafx.application.Application; import javafx.geometry.Bounds; 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 MovingBall extends Application{ @Override public void start(Stage stage) { Pane canvas = new Pane(); Scene scene = new Scene(canvas, 300, 300); Circle ball = new Circle(10, Color.RED); ball.relocate(0, 10); canvas.getChildren().add(ball); stage.setTitle("Moving Ball"); stage.setScene(scene); stage.show(); Bounds bounds = canvas.getBoundsInLocal(); Timeline timeline = new Timeline(new KeyFrame(Duration.seconds(3), new KeyValue(ball.layoutXProperty(), bounds.getMaxX()-ball.getRadius()))); timeline.setCycleCount(2); timeline.play(); } public static void main(String[] args) { launch(); } }
出力:
2. 弾むボール
コードを簡単に見ると、前のものとの類似点に気付くことができます。 Timeline
にEventHandler
があることを除いて、セットアップはほとんど同じです。 handleメソッド内のコードは、ボールがPane
の境界にない限り、ボールをdx
とdy
だけ移動します。ただし、ボールがどこにあるかによって、dx
とdy
を負のステップに(言い換えると、ボールを反対方向に動かします)。
BouncingBall.java
package com.techfou.javafx.animatedball; import javafx.animation.KeyFrame; import javafx.animation.Timeline; import javafx.application.Application; import javafx.event.ActionEvent; import javafx.event.EventHandler; import javafx.geometry.Bounds; 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 BouncingBall extends Application{ @Override public void start(Stage stage) { Pane canvas = new Pane(); Scene scene = new Scene(canvas, 300, 300, Color.ALICEBLUE); Circle ball = new Circle(10, Color.CADETBLUE); ball.relocate(5, 5); canvas.getChildren().add(ball); stage.setTitle("Animated Ball"); stage.setScene(scene); stage.show(); Timeline timeline = new Timeline(new KeyFrame(Duration.millis(20), new EventHandler() { double dx = 7; //Step on x or velocity double dy = 3; //Step on y @Override public void handle(ActionEvent t) { //move the ball ball.setLayoutX(ball.getLayoutX() + dx); ball.setLayoutY(ball.getLayoutY() + dy); Bounds bounds = canvas.getBoundsInLocal(); //If the ball reaches the left or right border make the step negative if(ball.getLayoutX() <= (bounds.getMinX() + ball.getRadius()) || ball.getLayoutX() >= (bounds.getMaxX() - ball.getRadius()) ){ dx = -dx; } //If the ball reaches the bottom or top border make the step negative if((ball.getLayoutY() >= (bounds.getMaxY() - ball.getRadius())) || (ball.getLayoutY() <= (bounds.getMinY() + ball.getRadius()))){ dy = -dy; } } })); timeline.setCycleCount(Timeline.INDEFINITE); timeline.play(); } public static void main(String[] args) { launch(); } }
出力:
3. あなたの最初のゲーム
バウンスボールの例を試しているときに、すべてを透明にして、クリックするとアプリケーションを閉じるMouseEvent
を追加するとどうなるでしょうか。 えーと…どういうことか...私は自分のデスクトップで跳ねるボールをキャッチしようとしました! それが私がJavaFxで最初のゲームを作った方法です! 楽しい!
MyFirstGame.java
package com.example.javafx.animatedball; import javafx.animation.KeyFrame; import javafx.animation.Timeline; import javafx.application.Application; import javafx.application.Platform; import javafx.event.ActionEvent; import javafx.event.EventHandler; import javafx.geometry.Bounds; import javafx.scene.Scene; import javafx.scene.input.MouseEvent; import javafx.scene.layout.Pane; import javafx.scene.paint.Color; import javafx.scene.shape.Circle; import javafx.stage.Stage; import javafx.stage.StageStyle; import javafx.util.Duration; public class MyFirstGame extends Application{ @Override public void start(Stage stage) { Pane canvas = new Pane(); Scene scene = new Scene(canvas, 300, 300, Color.TRANSPARENT); Circle ball = new Circle(10, Color.DARKSLATEBLUE); ball.relocate(5, 5); canvas.getChildren().add(ball); stage.initStyle(StageStyle.TRANSPARENT); scene.addEventFilter(MouseEvent.MOUSE_PRESSED, new EventHandler() { @Override public void handle(MouseEvent mouseEvent) { Platform.exit(); System.exit(0); } }); stage.setTitle("Animated Ball"); stage.setScene(scene); stage.show(); Timeline timeline = new Timeline(new KeyFrame(Duration.millis(20), new EventHandler () { double dx = 7; //Step on x or velocity double dy = 3; //Step on y @Override public void handle(ActionEvent t) { //move the ball ball.setLayoutX(ball.getLayoutX() + dx); ball.setLayoutY(ball.getLayoutY() + dy); Bounds bounds = canvas.getBoundsInLocal(); //If the ball reaches the left or right border make the step negative if(ball.getLayoutX() <= (bounds.getMinX() + ball.getRadius()) || ball.getLayoutX() >= (bounds.getMaxX() - ball.getRadius()) ){ dx = -dx; } //If the ball reaches the bottom or top border make the step negative if((ball.getLayoutY() >= (bounds.getMaxY() - ball.getRadius())) || (ball.getLayoutY() <= (bounds.getMinY() + ball.getRadius()))){ dy = -dy; } } })); timeline.setCycleCount(Timeline.INDEFINITE); timeline.play(); } public static void main(String[] args) { launch(); } }
出力: