JavaFX动画球示例

最新推荐文章于 2022-12-16 16:59:41 发布
最新推荐文章于 2022-12-16 16:59:41 发布
阅读量603 收藏 9
点赞数 2
文章标签： java 数据库

弹跳球是JavaFx中动画的“ Hello World”。 它很容易编写，易于理解，甚至从这个原始阶段就可以揭示JavaFx的潜力。

我们将首先创建一个运动球，该运动球将为随后的弹跳球奠定基础。

1.移动球示例

除了基本设置之外，此代码只有一条重要的代码行。 我们创建Timeline 。 该Timeline具有两个重要属性： KeyFrame和KeyValue 。 我们用简单的英语对Timeline说的是“在3秒内将球从原处移到Pane的尽头”。 然后，我们还请它（请）重复两次并贴上！

MovingBall.java 
package com.mkyong.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();
    }
}

输出：

javafx-animated-ball-example-1

2.弹跳球

快速查看代码后，您会发现与上一个代码的相似之处。 除了Timeline现在具有EventHandler之外，我们的设置几乎相同。 除非球位于Pane的边界处，否则handle方法中的代码将球移动dx和dy ，取决于球所在的位置，将dx和dy更改为负步（换句话说，使球以其他方式移动） 。

BouncingBall.java 
package com.mkyong.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<ActionEvent>() {

        	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();
    }
}

输出：

javafx-animated-ball-example-2

3.您的第一个游戏

在尝试“弹跳球”示例时，我想了一下，如果我将其全部透明并添加一个MouseEvent来关闭应用程序，该怎么办？ 好吧……你猜怎么着……我最终试图在桌面上接住一个弹跳球！ 这就是我用JavaFx制作第一款游戏的方式！ 请享用！

MyFirstGame.java 
package com.mkyong.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<MouseEvent>() {
            @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<ActionEvent>() {
        	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();
    }
}

输出：

javafx-animated-ball-example-3

参考文献

  1. 实际运行中的Java 8 – Raoul-Gabriel Urma，Mario Fusco和Alan Mycroft
  2. 动画基础知识– Oracle
标签：

翻译自: https://mkyong.com/javafx/javafx-animated-ball-example/

cyan20115
关注
利用JavaFX实现一个弹球动画
The wind of freedom blows
11-25 4169
程序使用Timeline来实现弹球动画，运行结果如图: 一个球在窗口中弹动 下面是编写这个程序的关键步骤： 1）定义一个名为BallPane的Pane类的子类，用于显示一个弹动的球。 2）定义一个名为BounceBallcontrol的Application的子类，用来使用鼠标动作控制弹球。当鼠标按下的时候动画暂停，当鼠标释放的时候动画恢复执行。按下UP/DOWN方向键可以增加/减少动画
JavaFX 之弹跳球
36ICE的博客
12-14 780
[java] view plaincopy package FXExample;      import javafx.animation.Animation;   import javafx.animation.KeyFrame;   import javafx.animation.Timeline;   import javafx.application
Java-javaFx库运用-自动弹跳的球
weixin_34252686的博客
11-15 339
（1）定义一个名为BallPane的类，用于显示一个弹动的球； （2）定义一个名为BounceBallControl的类，用来使用鼠标动作控制弹球，当鼠标按下的时候动画暂停，当鼠标释放的时候动画恢复执行，按下Up／Down方向键的时候可以增加／减少动画的速度。 BallPane类： import javafx.animation.KeyFrame; import javafx.anim...
javaFX简单实践（七）——小球左右循环运动动画
qq_57841413的博客
12-16 635
编写一个程序，在面板显示一个球，从左向右不断运动。当圆到达最右边时，又从左边重新开始。
AnimateFX：JavaFX的+70个现成的动画库
02-03
动画特效 JavaFX的现成动画库 特征： 自定义动画 定制插值器 播放/停止动画 接连播放动画 还有更多 安装 Gradle dependencies { compile 'io.github.typhon0:AnimateFX:1.2.2' } Maven <dependency> <groupId>io.github.typhon0</groupId> <artifactId>AnimateFX</artifactId> <version>1.2.2</version> <type>pom</type> </dependency> 快照 Gradle repositories { maven { url 'https://oss.jfrog.org/artifactory/oss-snapshot-local' } } dependencies { compile('group.id:animatefx:1.2.2-SNAPSHOT') } Maven <repositories> <repository> <id>sna
CircleAnimation:绕圈旋转（JavaFX动画）
05-10
解压后，开发者可以查看和运行源代码，学习如何将JavaFX动画技术应用于自己的项目中。 总之，JavaFX的动画系统为开发者提供了丰富的功能，使得创建动态用户界面变得简单且直观。通过掌握这些基础知识，你可以创造出...
android sdk和javafx打包androidapk示例
01-30
为了在Android设备上运行JavaFX应用程序，我们需要借助特殊的工具和技术，这就是"android sdk和javafx打包androidapk示例"所涉及的核心内容。 首先，JavaFX SDK包含了一套用于开发和部署JavaFX应用的工具和库。它...
javafx动画
最新发布
05-24
下面是一个简单的JavaFX动画示例： ```java import javafx.animation.TranslateTransition; import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.layout.StackPane; import ...
akka-eventbus-javafx-example:使用 https 的 JavaFX 示例应用程序
07-12
JavaFX作为Java的一个扩展，为Java开发者提供了丰富的UI组件和动画效果，使得开发桌面应用变得更加简单。 【文件名称列表】"akka-eventbus-javafx-example-master"是项目的源代码仓库，通常包含项目的所有源文件、...
JavaFX、绘制正弦和余弦函数
m0_62659797的博客
03-28 537
package com.example.javafxproject; import javafx.application.Application; import javafx.collections.ObservableList; import javafx.scene.Group; import javafx.scene.Scene; import javafx.scene.layout.BorderPane; import javafx.scene.layout.Pane; import ...
弹跳小球代码
01-19
弹跳小球c语言代码。。。。。。。。。。。。。。。。。。。。。。。。
Java实现弹球游戏
12-22
用户打开此游戏后，窗口会有一个球移动，每次落到下面的时候，下面的板子必须接住。当接住一次后，球的速度越来越快。难度越来越大。如果接不住球，则游戏结束。
javafx小球运动
CHIhacker666的博客
09-25 3157
javafx使用图形界面在随机位置生成颜色随机、半径随机、初始运动速度随机的小球，然后按照某种轨迹进行运动（运动轨迹方程自选），到边界碰撞返回。 我太爱我的java张春凤老师了，第一次写博客记录编程生涯，新人还请多多关照！ 根据大佬内容改编: link. package application; import javafx.application.Application; import javafx.scene.Group; import javafx.scene.Scene; import javafx
javaFX图形——几何3D
指尖的灵动
05-06 4369
前面根据官网的教程，简单的做了一个javaFX的HelloWorld的入门程序以及做了一个用户的登录界面，用来了解学习javaFX中如何使用CSS，FXML的一些基本知识，相信大家都对javaFX有了一个初步的了解和认识。现在，我们开始学习javaFX的中3D特性。本文开始从javaFX中的3D几何讲起。 javaFX提供了两种方式，让我们来创建3D几何图形。 1.预定义几何图形 2.自定义
JavaFx响应鼠标和键盘控制球的移动
qq_43235247的博客
11-01 1896
最终效果 鼠标点击对应的按键能够控制小球的移动，通过键盘的方向键也能控制小球的移动。 实现代码 import javafx.application.Application; import javafx.geometry.Pos; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.l...
JavaFx Path 实现摇头动画
新猿的博客
11-26 1916
项目需要，点击登录时信息填写不完整需要一些动画提示，于是就研究了一下JavaFx的动画，方便以后查看！ 以此记录！ 废话不多说，代码如下： Path path = new Path();//创建一个路径对象 double x=loginButton.getLayoutX()+25; double y=loginButton.g...
javafx边框线_如何在JavaFX中使用其边框更改形状属性？
weixin_30376627的博客
01-17 591
How can I use the borders of a shape in JavaFX in order to change one of its properties - height, width, radius, etc.I've tried doing it using a circle on a circle shape in order to resize the radius,...
使用JAVAFX画一个屏幕选择框（windows）
蔷薇思绪的博客
10-28 536
本想用java写一个windows下面的gif录制工具，发现困难重重，先写一个屏幕区域选择框看看。 package screen; import java.awt.*; import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.canvas.Canvas; import javafx.scene.canvas.GraphicsContext; import javafx.scene...
java fx节点 位置更新_如何根据JavaFX 8中的特定祖先获取节点边界？
weixin_35854667的博客
02-25 227
您已经找到了Chart-Plot背景节点,并根据其祖先需要简单地调用它来获取坐标chartPlotArea.getBoundsInParent();如果它们之间有多个祖先,你可以获得char-plot界限在AnchorPane这样的坐标系中Bounds bounds =anchorPane.sceneToLocal(chartPlotArea.localToScene(chartPlotArea....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值