Question

//No JPanel please: Write a javafx application that displays an image and
//plays a sound effect with each mouse click. Rotate through four images and
//five sound effects, so the image/sound effect pairing is different each time.
//What my problem is on is actually getting the pictures to switch. The x variable
//works perfect for the sound change but I am unsure what to do with y for the
//image change. Also I dont know if I should put this in some sort of pane or just
//a group. Please help thank you

package lab82;

import java.io.File;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.input.MouseEvent;
import javafx.scene.Group;
import javafx.scene.media.AudioClip;
import javafx.stage.Stage;

public class Lab82 extends Application
{
private AudioClip[] tunes;
private AudioClip current;
private ImageView[] pics;
private int x = 0;
private int y=0;

@Override
public void start(Stage primaryStage)throws Exception
{
File[] audioFiles = {new File("westernBeat.wav"),
new File("classical.wav"), new File("jeopardy.mp3"),
new File("eightiesJam.wav"), new File("newAgeRythm.wav"),
new File("lullaby.mp3"), new File("hitchcock.wav")};

ImageView[] pics={new ImageView("cat.jpg"),
new ImageView("deer.jpg"),
new ImageView("dog.jpg"),
new ImageView("gull.jpg")};

tunes = new AudioClip[audioFiles.length];
for (int i = 0; i < audioFiles.length; i++)
tunes[i] = new AudioClip(audioFiles[i].toURI().toString());
current = tunes[0];




Group root=new Group();
root.setStyle("-fx-background-color: skyblue");

Scene scene = new Scene(root, 500, 500);
scene.setOnMouseClicked(this::processMouseClick);

primaryStage.setTitle("Sounds and Images");
primaryStage.setScene(scene);
primaryStage.show();
}
public void processMouseClick(MouseEvent event)
{
tunes[x].stop();
x++;
tunes[x].play();



}



public static void main(String[] args)
{
launch(args);
}
}

Answer 1

Here is the completed code for this problem. Modified code is highlighted in bold text. 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. Thanks

Note: Make sure you have the images and audio clips in proper directories, with proper names.

// Lab82.java

package lab82;

import java.io.File;

import javafx.application.Application;

import javafx.geometry.Pos;

import javafx.scene.Scene;

import javafx.scene.image.Image;

import javafx.scene.image.ImageView;

import javafx.scene.input.MouseEvent;

import javafx.scene.Group;

import javafx.scene.layout.HBox;

import javafx.scene.layout.Pane;

import javafx.scene.media.AudioClip;

import javafx.stage.Stage;

public class Lab82 extends Application {

    private AudioClip[] tunes;

    private AudioClip current;

    private Image[] pics; //Images array (not imageviews)

    private int x = 0;

    private int y = 0;

    //you only need one ImageView

    ImageView imageView;

    @Override

    public void start(Stage primaryStage) throws Exception {

        File[] audioFiles = {new File("westernBeat.wav"),

            new File("classical.wav"), new File("jeopardy.mp3"),

            new File("eightiesJam.wav"), new File("newAgeRythm.wav"),

            new File("lullaby.mp3"), new File("hitchcock.wav")};

        //initializing images array. make sure you have these files in same directory

        //dont remove the prefix 'file:'

        pics = new Image[]{new Image("file:cat.jpg"),

            new Image("file:deer.jpg"),

            new Image("file:dog.jpg"),

            new Image("file:gull.jpg")};

        tunes = new AudioClip[audioFiles.length];

        for (int i = 0; i < audioFiles.length; i++) {

            tunes[i] = new AudioClip(audioFiles[i].toURI().toString());

        }

        current = tunes[0];

        //using image at index 0 as current image

        y = 0;

        //initializing image view with first image

        imageView = new ImageView(pics[y]);

        //using 500*500 preferred size for the image view

        imageView.setFitHeight(500);

        imageView.setFitWidth(500);

       

        //adding the imageview to an HBox and aligning to center

        HBox root = new HBox(imageView);

        root.setAlignment(Pos.CENTER);

        root.setStyle("-fx-background-color: skyblue");

        Scene scene = new Scene(root, 500, 500);

        scene.setOnMouseClicked(this::processMouseClick);

        primaryStage.setTitle("Sounds and Images");

        primaryStage.setScene(scene);

        primaryStage.show();

    }

    public void processMouseClick(MouseEvent event) {

        tunes[x].stop();

        //incrementing x and wrapping around from 0 if goes out of range

        x = (x + 1) % tunes.length;

        tunes[x].play();

        //incrementing y and wrapping around from 0 if goes out of range

        y = (y + 1) % pics.length;

        //using image at index y as new image for the imageView

        imageView.setImage(pics[y]);

    }

    public static void main(String[] args) {

        launch(args);

    }

}