0
点赞
收藏
分享

微信扫一扫

JavaFX春节祝福——我用Java摆烂了你的AE作业

芒果六斤半 2022-01-16 阅读 63
java开发语言后端javafx前端

一、效果图

 

 

二、 代码部分

1.SpringFestival类：

        1.创建时间轴，将SpringFestivalAnimation类（下面）的动画作为关键帧插入

        2.时间轴随着time值的累加而运行

        3.将若干关键帧加入到timeline时间轴中

public class SpringFestival extends Application {

    private static String url = SpringFestival.class.getResource("/music/chunJieXuQu.mp3").toString();
    private double second = 1000;
    private double time = 0.001;

    public static void main(String[] args) {
        //播放音乐
        MediaPlayer player = new MediaPlayer(new Media(url));
        player.play();

        Application.launch(args);
    }

    @Override
    public void start(Stage primaryStage) throws Exception {

        BorderPane pane = new BorderPane();

        // 设置背景图片
        ImagePattern imagePattern = new ImagePattern(new Image("/image/background.jpg"), 0, 0, 1, 1, true);
        pane.setBackground(new Background(new BackgroundFill(imagePattern, CornerRadii.EMPTY, Insets.EMPTY)));

        SpringFestivalAnimation animation_top = new SpringFestivalAnimation();
        animation_top.setAlignment(Pos.CENTER);

        SpringFestivalAnimation animation_left = new SpringFestivalAnimation();
        animation_left.setAlignment(Pos.CENTER_LEFT);

        SpringFestivalAnimation animation_center = new SpringFestivalAnimation();
        animation_center.setAlignment(Pos.CENTER);

        SpringFestivalAnimation animation_right = new SpringFestivalAnimation();
        animation_right.setAlignment(Pos.CENTER_RIGHT);

        // 创建时间轴
        Timeline timeline = new Timeline();
        timeline.setAutoReverse(true);

        // 插入关键帧动画
        KeyFrame rotate_left = new KeyFrame(Duration.millis(time * second), new EventHandler<ActionEvent>() {
            public void handle(ActionEvent t) {

                animation_left.rotate(1, 0);

            }
        });

        time += 1;

        KeyFrame rotate_center = new KeyFrame(Duration.millis(time * second), new EventHandler<ActionEvent>() {
            public void handle(ActionEvent t) {

                animation_center.rotate(1, 0);

            }
        });

        time += 1;

        KeyFrame rotate_right = new KeyFrame(Duration.millis(time * second), new EventHandler<ActionEvent>() {
            public void handle(ActionEvent t) {

                animation_right.rotate(9, 5);

            }
        });

        time += 9;

        KeyFrame move_slow = new KeyFrame(Duration.millis(time * second), new EventHandler<ActionEvent>() {
            public void handle(ActionEvent t) {
                // 设置新背景图片
                ImagePattern imagePattern = new ImagePattern(new Image("/image/snow.png"), 0, 0, 1, 1, true);
                pane.setBackground(new Background(new BackgroundFill(imagePattern, CornerRadii.EMPTY, Insets.EMPTY)));
                animation_left.move_slow();
                animation_center.move_slow();
                animation_right.move_slow();
            }
        });

        time += 2;

        KeyFrame move_fast = new KeyFrame(Duration.millis(time * second), new EventHandler<ActionEvent>() {
            public void handle(ActionEvent t) {

                animation_left.move_fast();
                animation_center.move_fast();
                animation_right.move_fast();

            }
        });

        time += 2;

        KeyFrame move_slow_again = new KeyFrame(Duration.millis(time * second), new EventHandler<ActionEvent>() {
            public void handle(ActionEvent t) {
                animation_left.move_slow();
                animation_center.move_slow();
                animation_right.move_slow();

            }
        });

        time += 1.5;

        KeyFrame move_fast_again = new KeyFrame(Duration.millis(time * second), new EventHandler<ActionEvent>() {
            public void handle(ActionEvent t) {
                animation_left.move_fast();
                animation_center.move_fast();
                animation_right.move_fast();
            }
        });

        time += 2;

        KeyFrame move_nomal = new KeyFrame(Duration.millis(time * second), new EventHandler<ActionEvent>() {
            public void handle(ActionEvent t) {
                animation_left.move_nomal();
                animation_center.move_nomal();
                animation_right.move_nomal();
            }
        });

        time += 3.2;

        KeyFrame duiLian_left = new KeyFrame(Duration.millis(time * second), new EventHandler<ActionEvent>() {
            public void handle(ActionEvent t) {

                animation_left.duiLian(new ImageView("/image/duilian_left.jpg"));

            }
        });

        time += 1;

        KeyFrame duiLian_head = new KeyFrame(Duration.millis(time * second), new EventHandler<ActionEvent>() {
            public void handle(ActionEvent t) {

                animation_top.duiLian(new ImageView("/image/duilian_head.jpg"));

            }
        });

        time += 1;

        KeyFrame duiLian_right = new KeyFrame(Duration.millis(time * second), new EventHandler<ActionEvent>() {
            public void handle(ActionEvent t) {

                animation_right.duiLian(new ImageView("/image/duilian_right.jpg"));

            }
        });

        time += 1;

        timeline.getKeyFrames().addAll(
                rotate_left,
                rotate_center,
                rotate_right,
                move_slow,
                move_fast,
                move_slow_again,
                move_fast_again,
                move_nomal,
                duiLian_left,
                duiLian_head,
                duiLian_right
        );
        timeline.play();

        pane.setTop(animation_top);
        pane.setLeft(animation_left);
        pane.setCenter(animation_center);
        pane.setRight(animation_right);

        Scene scene = new Scene(pane, 1000, 600);
        primaryStage.setScene(scene);
        primaryStage.setTitle("Happy New Year To You!");
        primaryStage.getIcons().add(new Image(getClass().getResourceAsStream("/image/Fu.png")));
        primaryStage.show();
    }

}

2.SpringFestivalAnimation类

        1.“福”的旋转（RotateTransition），放大（ScaleTransition）

        2.“灯笼”按路径（Path）鬼畜走位，正常移动（TranslateTransition）

        3.“对联”的淡入淡出（FadeTransition）

public class SpringFestivalAnimation extends VBox {
    private Path path;
    private ImageView view;

    public SpringFestivalAnimation() {
        setPadding(new Insets(30));
    }

    public void rotate(double time, double speed) {
        view = new ImageView("/image/Fu.png");
        view.setFitHeight(100);
        view.setFitWidth(100);
        getChildren().addAll(view);

        // 旋转
        RotateTransition rotateTransition = new RotateTransition(Duration.millis(1000 * time), view);
        rotateTransition.setByAngle(360 * ((360 + 45) / 360.0 + speed));
        rotateTransition.setCycleCount(1);

        // 放大
        ScaleTransition scaleTransition = new ScaleTransition(Duration.millis(6000), view);
        scaleTransition.setToX(20f);
        scaleTransition.setToY(20f);
        scaleTransition.setCycleCount(1);

        ParallelTransition parallelTransition = new ParallelTransition();

        if (time == 9) {
            parallelTransition.getChildren().addAll(
                    scaleTransition,
                    rotateTransition
            );
        } else {
            parallelTransition.getChildren().addAll(
                    rotateTransition
            );
        }

        parallelTransition.play();
    }

    public void move_slow() {
        view = new ImageView("/image/lantern.png");
        view.setFitHeight(200);
        view.setFitWidth(200);

        // 先把之前的结点删除再添加新结点
        getChildren().clear();
        getChildren().addAll(view);

        // 创建路径
        path = new Path();
        path.getElements().add(new MoveTo(0, 100));
        path.getElements().add(new CubicCurveTo(100, 50, 200, 100, 200, 100));
        path.getElements().add(new CubicCurveTo(200, 100, 300, 50, 400, 100));
        path.getElements().add(new CubicCurveTo(400, 100, 500, 50, 600, 100));
        path.getElements().add(new CubicCurveTo(600, 100, 700, 50, 800, 100));
        PathTransition pt = new PathTransition();
        pt.setDuration(Duration.millis(1500));
        pt.setPath(path);
        pt.setNode(view);
        pt.setOrientation(PathTransition.OrientationType.ORTHOGONAL_TO_TANGENT);
        pt.setCycleCount(1);
        pt.setAutoReverse(false);
        pt.play();

    }

    public void move_fast() {
        view = new ImageView("/image/lantern.png");
        view.setFitHeight(200);
        view.setFitWidth(200);

        // 先把之前的结点删除再添加新结点
        getChildren().clear();
        getChildren().addAll(view);

        path = new Path();
        path.getElements().add(new MoveTo(1000, 300));
        path.getElements().add(new LineTo(800, 0));
        path.getElements().add(new LineTo(600, 300));
        path.getElements().add(new LineTo(400, 0));
        path.getElements().add(new LineTo(200, 300));
        path.getElements().add(new LineTo(0, 0));
        path.getElements().add(new LineTo(-200, 300));
        path.getElements().add(new LineTo(-400, 0));
        PathTransition pt = new PathTransition();
        pt.setDuration(Duration.millis(2000));
        pt.setPath(path);
        pt.setNode(view);
        pt.setOrientation(PathTransition.OrientationType.ORTHOGONAL_TO_TANGENT);
        pt.setCycleCount(1);
        pt.setAutoReverse(false);
        pt.play();
    }

    public void move_nomal() {

        view = new ImageView("/image/lantern.png");
        view.setFitHeight(200);
        view.setFitWidth(200);

        // 先把之前的结点删除再添加新结点
        getChildren().clear();
        getChildren().addAll(view);

        // 移动
        TranslateTransition translateTransition = new TranslateTransition(Duration.millis(700), view);
        translateTransition.setFromX(0);
        translateTransition.setToX(1000);
        translateTransition.setCycleCount(4);
        translateTransition.setAutoReverse(true);

        ParallelTransition parallelTransition = new ParallelTransition();
        parallelTransition.getChildren().addAll(
                translateTransition
        );
        parallelTransition.play();

    }

    public void duiLian(ImageView view) {
        // 根据图片的实际高度设置图片的大小
        if (view.getImage().getHeight() < 500) {
            view.setFitHeight(70);
            view.setFitWidth(200);
        } else {
            view.setFitHeight(350);
            view.setFitWidth(70);
        }

        // 先把之前的结点删除再添加新结点
        getChildren().clear();
        getChildren().addAll(view);

        // 淡入
        FadeTransition fadeTransition = new FadeTransition(Duration.millis(1000), view);
        fadeTransition.setFromValue(1.0f);
        fadeTransition.setToValue(0.3f);
        fadeTransition.setCycleCount(2);
        fadeTransition.setAutoReverse(true);

        // 放大
        ScaleTransition scaleTransition = new ScaleTransition(Duration.millis(1000), view);
        scaleTransition.setToX(2f);
        scaleTransition.setToY(2f);
        scaleTransition.setCycleCount(2);
        scaleTransition.setAutoReverse(true);

        ParallelTransition parallelTransition = new ParallelTransition();
        parallelTransition.getChildren().addAll(
                fadeTransition,
                scaleTransition
        );
        parallelTransition.play();
    }

}

三、总结

1.图片音乐等资源可以在github上直接获取（为了摆烂，特意找了有水印的）OracleRay/SpringFestival: 欢度春节 (github.com)icon-default.png?t=LBL2https://github.com/OracleRay/SpringFestival2.代码还存在诸多bug（反正也是摆烂，正经人谁用JavaFX做动画......），没事儿的hxd可以试着粘过去改改bug哈哈哈

举报

相关推荐

我用js写了一个，除夕烟花秀和春节随机祝福语

javascriptcss3css

用Java写一个生日祝福

SystemImage抽象类Java后端开发yyds干货盘点

[兔了个兔]我用新年祝福话,画了个兔子

掘金·日新计划后端前端词云数据Linux系统/运维

我用 CSS 告诉你，我每天是怎么度过的~

csshtmlcss3html5虚拟化云计算

正则什么的，你让我写，我会难受，你让我用，真香！

正则html字符串JavaScript前端开发yyds干货盘点

我用我的故事来告诉你 如何坚持学习编程

学习html前端职场和发展程序人生

用 Python 为老师送上节日的祝福

python背景颜色照片墙

为什么我推荐你用Ubuntu开发？

随笔

Java：JavaFX中的多线程

java开发语言ITJava开发Java基础

学习Java我用的那些学习资源

javahtmlRedis数据库
0 条评论