Question

Problem 1/5 (20 points) Create a JavaFX application that simulates the rolling of a pair of dice. When the user clicks a button, the application should generate two random numbers, each in the range of 1 through 6, to represent the value of the dice. Use ImageView component to display the dice. Six images are included in the project folder for you to use. For example, the first picture below is the initial window, after clicking the "Toss" button, the second picture comes up, which means the numbers of these two dice are 2 and 3. Tors Tom

here is the dice images you need to use

Answer 1

Here is the completed code for this problem. Comments are included, go through it, learn how things work and let me know if you have any doubts or if you need anything to change. If you are satisfied with the solution, please rate the answer. If not, PLEASE let me know before you rate, I’ll help you fix whatever issues. Thanks

VERY IMPORTANT NOTE: Place the required images named 1.png, 2.png… 6.png in the root folder of your IDE. (If you are using NetBeans, copy the images and go to net beans, choose your project, go to Files tab on the left, right click on the project folder and click paste. If you do it right, there will be other files like build.xml, manifest.mf in that same folder), If you do it wrong, then the images will not be displayed. If you are finding it difficult to get this right, give absolute file path (complete file name including all folders) while loading the images. Like instead of this: new Image("file:1.png");, do like this: new Image("file:C/Desktop/Images/1.png"); if the images are in C/Desktop/Images folder (example).

// RollingDice.java

import javafx.application.Application;

import static javafx.application.Application.launch;

import javafx.geometry.Insets;

import javafx.geometry.Pos;

import javafx.scene.Scene;

import javafx.scene.control.Button;

import javafx.scene.image.Image;

import javafx.scene.image.ImageView;

import javafx.scene.layout.BorderPane;

import javafx.stage.Stage;

public class RollingDice extends Application {

   

    //loading dice images into an array. please follow the instructions mentioned above.

    private Image images[] = {new Image("file:1.png"),

        new Image("file:2.png"), new Image("file:3.png"),

        new Image("file:4.png"), new Image("file:5.png"),

        new Image("file:6.png")};

    @Override

    public void start(Stage primaryStage) {

        //creating a border pane

        BorderPane root = new BorderPane();

        //two image views

        ImageView iv1=new ImageView();

        ImageView iv2=new ImageView();

        //fixing height and width of image views

        iv1.setFitHeight(200);

        iv1.setFitWidth(200);

        iv2.setFitHeight(200);

        iv2.setFitWidth(200);

       

        //toss button

        Button toss=new Button("Toss");

        //adding action listener to toss button

        toss.setOnAction(e->{

            //generating two valid indices between 0 and images.length-1

            int index1=(int) (Math.random()*images.length);

            int index2=(int) (Math.random()*images.length);

            //setting images at these indices in image views

            iv1.setImage(images[index1]);

            iv2.setImage(images[index2]);

        });

       

        //adding image views to left and right, button to the bottom

        root.setLeft(iv1);

        root.setRight(iv2);

        root.setBottom(toss);

        //aligning button to center

        BorderPane.setAlignment(toss, Pos.CENTER);

        //adjusting spacing

        BorderPane.setMargin(iv1, new Insets(20));

        BorderPane.setMargin(iv2, new Insets(20));

        root.setPadding(new Insets(20));

       

        //setting up and displaying a scene

        Scene scene = new Scene(root);

        primaryStage.setScene(scene);

        primaryStage.setTitle("Rolling Dice");

        primaryStage.show();

    }

    public static void main(String[] args) {

        launch(args);

    }

}

/*OUTPUT*/

Rolling Dice x Toss