Added splash and loading screen

src/main/java/seng302/App.java

@@ -63,7 +63,7 @@ public class App extends Application {
 
     @Override
     public void start(Stage primaryStage) throws Exception {
-        ViewManager.getInstance().initialStartView(primaryStage);
+        ViewManager.getInstance().initialiseSplashScreen(primaryStage);
     }
 
 

src/main/java/seng302/utilities/Sounds.java

@@ -101,6 +101,10 @@ public class Sounds {
         musicPlayer.setCycleCount(MediaPlayer.INDEFINITE);
         musicPlayer.setVolume(0.3);
         musicPlayer.play();
+        musicPlayer.setMute(musicMuted);
+        if (soundEffect != null) {
+            soundEffect.stop();
+        }
     }
 
 

src/main/java/seng302/visualiser/GameClient.java

@@ -275,12 +275,13 @@ public class GameClient {
 
             ClientYacht player = allBoatsMap.get(socketThread.getClientId());
             raceView.loadRace(allBoatsMap, courseData, raceState, player);
-
+            raceView.showView();
             raceView.getSendPressedProperty().addListener((obs, old, isPressed) -> {
                 if (isPressed) {
                     formatAndSendChatMessage(raceView.readChatInput());
                 }
             });
+
         }
     }
 

src/main/java/seng302/visualiser/controllers/RaceViewController.java

@@ -27,12 +27,8 @@ import javafx.scene.chart.NumberAxis;
 import javafx.scene.chart.XYChart;
 import javafx.scene.chart.XYChart.Data;
 import javafx.scene.chart.XYChart.Series;
-import javafx.scene.control.Button;
+import javafx.scene.control.*;
-import javafx.scene.control.CheckBox;
+import javafx.scene.image.Image;
-import javafx.scene.control.ComboBox;
-import javafx.scene.control.Label;
-import javafx.scene.control.Slider;
-import javafx.scene.control.TextField;
 import javafx.scene.image.ImageView;
 import javafx.scene.layout.AnchorPane;
 import javafx.scene.layout.GridPane;
@@ -68,6 +64,10 @@ public class RaceViewController extends Thread implements ImportantAnnotationDel
 
     private final int CHAT_LIMIT = 128;
 
+    @FXML
+    private AnchorPane loadingScreenPane;
+    @FXML
+    private ImageView loadingScreen;
     @FXML
     private Pane basePane;
     @FXML
@@ -131,6 +131,24 @@ public class RaceViewController extends Thread implements ImportantAnnotationDel
     private FinishDialogController finishDialogController;
 
     public void initialize() {
+        contentStackPane.setVisible(false);
+        Image loadingImage = new Image("PP.png");
+        loadingScreen.setImage(loadingImage);
+        //Centers the Image within the image view
+        double w = 0;
+        double h = 0;
+        double ratioX = loadingScreen.getFitWidth() / loadingImage.getWidth();
+        double ratioY = loadingScreen.getFitHeight() / loadingImage.getHeight();
+        double reduceRatio = 0;
+        if(ratioX >= ratioY) {
+            reduceRatio = ratioY;
+        } else {
+            reduceRatio = ratioX;
+        }
+        w = loadingImage.getWidth() * reduceRatio;
+        h = loadingImage.getHeight() * reduceRatio;
+        loadingScreen.setX((loadingScreen.getFitWidth() - w) / 2);
+        loadingScreen.setY((loadingScreen.getFitHeight() - h) / 2);
         Sounds.stopMusic();
         Sounds.playRaceMusic();
 
@@ -202,6 +220,18 @@ public class RaceViewController extends Thread implements ImportantAnnotationDel
         createFinishDialog(finishedBoats);
     }
 
+    public void showView(){
+        loadingScreenPane.setVisible(false);
+        contentStackPane.setVisible(true);
+
+        Platform.runLater(new Runnable() {
+            @Override
+            public void run() {
+                contentStackPane.requestFocus();
+            }
+        });
+    }
+
     /**
      * Create finishScreenDialog and set up finishDialogController.
      */

src/main/java/seng302/visualiser/controllers/SplashScreenController.java

@@ -0,0 +1,58 @@
+package seng302.visualiser.controllers;
+
+import com.jfoenix.controls.JFXDecorator;
+import com.jfoenix.controls.JFXSnackbar;
+import javafx.application.Platform;
+import javafx.fxml.FXML;
+import javafx.fxml.FXMLLoader;
+import javafx.fxml.Initializable;
+import javafx.scene.Parent;
+import javafx.scene.Scene;
+import javafx.scene.SceneAntialiasing;
+import javafx.scene.image.Image;
+import javafx.scene.layout.StackPane;
+import javafx.stage.Stage;
+import seng302.gameServer.ServerAdvertiser;
+import seng302.utilities.Sounds;
+import seng302.visualiser.GameClient;
+
+import java.io.IOException;
+import java.net.URL;
+import java.util.ResourceBundle;
+
+/**
+ * Created by Kusal on 26-Sep-17.
+ */
+public class SplashScreenController implements Initializable{
+
+    @FXML
+    private StackPane rootPane;
+
+    @Override
+    public void initialize(URL location, ResourceBundle resources) {
+        new SplashScreen().start();
+    }
+
+
+    class SplashScreen extends Thread {
+        public void run(){
+            try {
+                Thread.sleep(1000);
+                Platform.runLater(new Runnable() {
+                    @Override
+                    public void run() {
+                        try {
+                            Stage stage = new Stage();
+                            ViewManager.getInstance().initialStartView(stage);
+                        } catch (Exception e) {
+                            e.printStackTrace();
+                        }
+                        rootPane.getScene().getWindow().hide();
+                    }
+                });
+            } catch (InterruptedException e) {
+                e.printStackTrace();
+            }
+        }
+    }
+}

src/main/java/seng302/visualiser/controllers/ViewManager.java

@@ -21,6 +21,7 @@ import javafx.scene.layout.HBox;
 import javafx.scene.layout.StackPane;
 import javafx.scene.paint.Color;
 import javafx.stage.Stage;
+import javafx.stage.StageStyle;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import seng302.gameServer.ServerAdvertiser;
@@ -55,10 +56,18 @@ public class ViewManager {
         if (instance == null) {
             instance = new ViewManager();
         }
-
         return instance;
     }
 
+    public void initialiseSplashScreen(Stage stage) throws IOException {
+        this.stage = stage;
+        Parent root = FXMLLoader.load(getClass().getResource("/views/SplashScreen.fxml"));
+        Scene scene = new Scene(root);
+        stage.setScene(scene);
+        stage.initStyle(StageStyle.UNDECORATED);
+        stage.show();
+    }
+
     /**
      * Initialize the start view in the given stage.
      */
@@ -66,7 +75,6 @@ public class ViewManager {
         this.stage = stage;
         Parent root = FXMLLoader.load(getClass().getResource("/views/StartScreenView.fxml"));
         stage.setTitle("Party Parrots At Sea");
-
         JFXDecorator decorator = new JFXDecorator(stage, root, false, true, true);
         decorator.setCustomMaximize(true);
         decorator.applyCss();

src/main/resources/css/SplashScreenView.css

@@ -0,0 +1,10 @@
+#background {
+    -fx-background-color: #E7F1F8;
+}
+
+#headText {
+    -fx-background-color: transparent;
+    -fx-font-size: 52px;
+    -fx-text-fill: -fx-pp-light-text-color;
+    -fx-effect: -fx-pp-dropshadow-headers;
+}

src/main/resources/views/RaceView.fxml

@@ -1,5 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
+<?import com.jfoenix.controls.*?>
+<?import java.lang.*?>
+<?import javafx.geometry.*?>
+<?import javafx.scene.control.*?>
+<?import javafx.scene.image.*?>
+<?import javafx.scene.layout.*?>
+<?import javafx.scene.text.*?>
 <?import com.jfoenix.controls.JFXButton?>
 <?import com.jfoenix.controls.JFXTextField?>
 <?import java.lang.String?>
@@ -14,41 +21,30 @@
 <?import javafx.scene.layout.RowConstraints?>
 <?import javafx.scene.layout.StackPane?>
 <?import javafx.scene.text.Font?>
-<StackPane fx:id="contentStackPane" maxHeight="1.7976931348623157E308"
+
-  maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity"
+<StackPane maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" prefHeight="800.0" prefWidth="1200.0" style="-fx-background-color: skyblue;" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="seng302.visualiser.controllers.RaceViewController">
-  prefHeight="800.0" prefWidth="1200.0"
-  style="-fx-background-color: skyblue;" xmlns="http://javafx.com/javafx/8"
-  xmlns:fx="http://javafx.com/fxml/1"
-  fx:controller="seng302.visualiser.controllers.RaceViewController">
     <children>
-        <GridPane maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+      <StackPane fx:id="contentStackPane" prefHeight="150.0" prefWidth="200.0">
-          prefHeight="800.0" prefWidth="1200.0">
+         <children>
+              <GridPane maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefHeight="800.0" prefWidth="1200.0">
                   <columnConstraints>
-                <ColumnConstraints hgrow="SOMETIMES" maxWidth="250.0" minWidth="250.0"
+                      <ColumnConstraints hgrow="SOMETIMES" maxWidth="250.0" minWidth="250.0" prefWidth="250.0" />
-                  prefWidth="250.0"/>
                       <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" />
-                <ColumnConstraints hgrow="SOMETIMES" maxWidth="-Infinity" minWidth="400.0"
+                      <ColumnConstraints hgrow="SOMETIMES" maxWidth="-Infinity" minWidth="400.0" prefWidth="400.0" />
-                  prefWidth="400.0"/>
                   </columnConstraints>
                   <rowConstraints>
-                <RowConstraints maxHeight="70.0" minHeight="70.0" prefHeight="70.0"
+                      <RowConstraints maxHeight="70.0" minHeight="70.0" prefHeight="70.0" vgrow="SOMETIMES" />
-                  vgrow="SOMETIMES"/>
                       <RowConstraints maxHeight="1.7976931348623157E308" vgrow="SOMETIMES" />
-                <RowConstraints maxHeight="250.0" minHeight="250.0" prefHeight="250.0"
+                      <RowConstraints maxHeight="250.0" minHeight="250.0" prefHeight="250.0" valignment="BOTTOM" vgrow="SOMETIMES" />
-                  valignment="BOTTOM" vgrow="SOMETIMES"/>
                   </rowConstraints>
                   <children>
-                <GridPane id="timerGrid" fx:id="timerGrid" prefWidth="192.0"
+                      <GridPane id="timerGrid" fx:id="timerGrid" prefWidth="192.0" styleClass="timer">
-                  styleClass="timer">
                           <columnConstraints>
-                        <ColumnConstraints hgrow="SOMETIMES" maxWidth="50.0" minWidth="50.0"
+                              <ColumnConstraints hgrow="SOMETIMES" maxWidth="50.0" minWidth="50.0" prefWidth="50.0" />
-                          prefWidth="50.0"/>
+                              <ColumnConstraints hgrow="SOMETIMES" maxWidth="135.0" minWidth="135.0" prefWidth="135.0" />
-                        <ColumnConstraints hgrow="SOMETIMES" maxWidth="135.0"
-                          minWidth="135.0" prefWidth="135.0"/>
                           </columnConstraints>
                           <rowConstraints>
-                        <RowConstraints minHeight="10.0" prefHeight="30.0"
+                              <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
-                          vgrow="SOMETIMES"/>
                           </rowConstraints>
                           <opaqueInsets>
                               <Insets />
@@ -57,9 +53,7 @@
                               <Insets left="10.0" right="200.0" top="10.0" />
                           </GridPane.margin>
                           <children>
-                        <ImageView fitHeight="40.0" fitWidth="40.0" pickOnBounds="true"
+                              <ImageView fitHeight="40.0" fitWidth="40.0" pickOnBounds="true" preserveRatio="true" GridPane.halignment="CENTER" GridPane.valignment="CENTER">
-                          preserveRatio="true" GridPane.halignment="CENTER"
-                          GridPane.valignment="CENTER">
                                   <image>
                                       <Image url="@../images/timer.png" />
                                   </image>
@@ -67,8 +61,7 @@
                                       <Insets />
                                   </GridPane.margin>
                               </ImageView>
-                        <Label fx:id="timerLabel" text="00:03:34" GridPane.columnIndex="1"
+                              <Label fx:id="timerLabel" text="00:03:34" GridPane.columnIndex="1" GridPane.halignment="CENTER" GridPane.valignment="CENTER">
-                          GridPane.halignment="CENTER" GridPane.valignment="CENTER">
                                   <font>
                                       <Font size="21.0" />
                                   </font>
@@ -80,32 +73,23 @@
                       </GridPane>
                       <GridPane GridPane.columnIndex="2">
                           <columnConstraints>
-                        <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0"
+                              <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
-                          prefWidth="100.0"/>
+                              <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
-                        <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0"
-                          prefWidth="100.0"/>
                           </columnConstraints>
                           <rowConstraints>
-                        <RowConstraints minHeight="10.0" prefHeight="30.0"
+                              <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
-                          vgrow="SOMETIMES"/>
                           </rowConstraints>
                       </GridPane>
-                <GridPane fx:id="chatGridPane" GridPane.columnIndex="2"
+                      <GridPane fx:id="chatGridPane" GridPane.columnIndex="2" GridPane.rowIndex="2">
-                  GridPane.rowIndex="2">
                           <columnConstraints>
-                        <ColumnConstraints hgrow="SOMETIMES" maxWidth="390.0"
+                              <ColumnConstraints hgrow="SOMETIMES" maxWidth="390.0" minWidth="390.0" prefWidth="390.0" />
-                          minWidth="390.0" prefWidth="390.0"/>
                           </columnConstraints>
                           <rowConstraints>
-                        <RowConstraints maxHeight="1.7976931348623157E308"
+                              <RowConstraints maxHeight="1.7976931348623157E308" vgrow="SOMETIMES" />
-                          vgrow="SOMETIMES"/>
+                              <RowConstraints maxHeight="60.0" minHeight="60.0" prefHeight="60.0" vgrow="SOMETIMES" />
-                        <RowConstraints maxHeight="60.0" minHeight="60.0" prefHeight="60.0"
-                          vgrow="SOMETIMES"/>
                           </rowConstraints>
                           <children>
-                        <Pane fx:id="chatHistoryHolder" prefHeight="200.0" prefWidth="200.0"
+                              <Pane fx:id="chatHistoryHolder" prefHeight="200.0" prefWidth="200.0" GridPane.hgrow="ALWAYS" GridPane.valignment="BOTTOM" GridPane.vgrow="ALWAYS">
-                          GridPane.hgrow="ALWAYS" GridPane.valignment="BOTTOM"
-                          GridPane.vgrow="ALWAYS">
                                   <GridPane.margin>
                                       <Insets />
                                   </GridPane.margin>
@@ -115,28 +99,19 @@
                               </Pane>
                               <GridPane fx:id="chatInputHolder" GridPane.rowIndex="1">
                                   <columnConstraints>
-                                <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0"
+                                      <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
-                                  prefWidth="100.0"/>
+                                      <ColumnConstraints hgrow="SOMETIMES" maxWidth="-Infinity" minWidth="90.0" prefWidth="90.0" />
-                                <ColumnConstraints hgrow="SOMETIMES" maxWidth="-Infinity"
-                                  minWidth="90.0" prefWidth="90.0"/>
                                   </columnConstraints>
                                   <rowConstraints>
-                                <RowConstraints maxHeight="50.0" minHeight="50.0"
+                                      <RowConstraints maxHeight="50.0" minHeight="50.0" prefHeight="50.0" valignment="CENTER" vgrow="SOMETIMES" />
-                                  prefHeight="50.0" valignment="CENTER" vgrow="SOMETIMES"/>
                                   </rowConstraints>
                                   <children>
-                                <JFXButton fx:id="chatSend" alignment="CENTER"
+                                      <JFXButton fx:id="chatSend" alignment="CENTER" buttonType="RAISED" maxHeight="-Infinity" maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" prefHeight="35.0" text="SEND" GridPane.columnIndex="1">
-                                  buttonType="RAISED" maxHeight="-Infinity"
-                                  maxWidth="1.7976931348623157E308" minHeight="-Infinity"
-                                  minWidth="-Infinity" prefHeight="35.0" text="SEND"
-                                  GridPane.columnIndex="1">
                                           <GridPane.margin>
-                                        <Insets bottom="10.0" left="10.0" right="10.0"
+                                              <Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
-                                          top="10.0"/>
                                           </GridPane.margin>
                                       </JFXButton>
-                                <JFXTextField fx:id="chatInput" maxHeight="35.0"
+                                      <JFXTextField fx:id="chatInput" maxHeight="35.0" minHeight="-Infinity" prefHeight="35.0">
-                                  minHeight="-Infinity" prefHeight="35.0">
                                           <GridPane.margin>
                                               <Insets bottom="10.0" left="20.0" right="10.0" />
                                           </GridPane.margin>
@@ -154,33 +129,22 @@
                               <Insets bottom="10.0" right="10.0" />
                           </GridPane.margin>
                       </GridPane>
-                <GridPane fx:id="windGridPane" maxHeight="-Infinity" maxWidth="-Infinity"
+                      <GridPane fx:id="windGridPane" maxHeight="-Infinity" maxWidth="-Infinity" prefHeight="150.0" prefWidth="240.0" GridPane.halignment="CENTER" GridPane.rowIndex="2" GridPane.valignment="BOTTOM">
-                  prefHeight="150.0" prefWidth="240.0" GridPane.halignment="CENTER"
-                  GridPane.rowIndex="2" GridPane.valignment="BOTTOM">
                           <columnConstraints>
-                        <ColumnConstraints hgrow="SOMETIMES" maxWidth="110.0"
+                              <ColumnConstraints hgrow="SOMETIMES" maxWidth="110.0" minWidth="110.0" prefWidth="110.0" />
-                          minWidth="110.0" prefWidth="110.0"/>
+                              <ColumnConstraints hgrow="SOMETIMES" maxWidth="132.0" minWidth="10.0" prefWidth="132.0" />
-                        <ColumnConstraints hgrow="SOMETIMES" maxWidth="132.0"
-                          minWidth="10.0"
-                          prefWidth="132.0"/>
                           </columnConstraints>
                           <rowConstraints>
-                        <RowConstraints maxHeight="120.0" minHeight="120.0"
+                              <RowConstraints maxHeight="120.0" minHeight="120.0" prefHeight="120.0" vgrow="SOMETIMES" />
-                          prefHeight="120.0" vgrow="SOMETIMES"/>
+                              <RowConstraints maxHeight="30.0" minHeight="30.0" prefHeight="30.0" vgrow="SOMETIMES" />
-                        <RowConstraints maxHeight="30.0" minHeight="30.0" prefHeight="30.0"
-                          vgrow="SOMETIMES"/>
                           </rowConstraints>
                           <children>
-                        <Label fx:id="positionLabel" text="Position:"
+                              <Label fx:id="positionLabel" text="Position:" GridPane.columnIndex="1" GridPane.halignment="LEFT" GridPane.rowSpan="2" GridPane.valignment="TOP">
-                          GridPane.columnIndex="1" GridPane.halignment="LEFT"
-                          GridPane.rowSpan="2" GridPane.valignment="TOP">
                                   <padding>
                                       <Insets bottom="5.0" left="10.0" right="5.0" top="5.0" />
                                   </padding>
                               </Label>
-                        <Label fx:id="boatSpeedLabel" text="Boat Speed:"
+                              <Label fx:id="boatSpeedLabel" text="Boat Speed:" GridPane.columnIndex="1" GridPane.halignment="LEFT" GridPane.rowSpan="2" GridPane.valignment="CENTER">
-                          GridPane.columnIndex="1" GridPane.halignment="LEFT"
-                          GridPane.rowSpan="2" GridPane.valignment="CENTER">
                                   <opaqueInsets>
                                       <Insets />
                                   </opaqueInsets>
@@ -188,39 +152,27 @@
                                       <Insets bottom="5.0" left="10.0" right="5.0" top="5.0" />
                                   </padding>
                               </Label>
-                        <Label fx:id="boatHeadingLabel" text="Boat Heading:"
+                              <Label fx:id="boatHeadingLabel" text="Boat Heading:" GridPane.columnIndex="1" GridPane.halignment="LEFT" GridPane.rowSpan="2" GridPane.valignment="BOTTOM">
-                          GridPane.columnIndex="1" GridPane.halignment="LEFT"
-                          GridPane.rowSpan="2" GridPane.valignment="BOTTOM">
                                   <padding>
                                       <Insets bottom="5.0" left="10.0" right="5.0" top="5.0" />
                                   </padding>
                               </Label>
                               <GridPane fx:id="windHolder" GridPane.rowSpan="2">
                                   <columnConstraints>
-                                <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0"
+                                      <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
-                                  prefWidth="100.0"/>
                                   </columnConstraints>
                                   <rowConstraints>
-                                <RowConstraints maxHeight="120.0" minHeight="120.0"
+                                      <RowConstraints maxHeight="120.0" minHeight="120.0" prefHeight="120.0" vgrow="SOMETIMES" />
-                                  prefHeight="120.0" vgrow="SOMETIMES"/>
+                                      <RowConstraints maxHeight="30.0" minHeight="30.0" prefHeight="30.0" vgrow="SOMETIMES" />
-                                <RowConstraints maxHeight="30.0" minHeight="30.0"
-                                  prefHeight="30.0" vgrow="SOMETIMES"/>
                                   </rowConstraints>
                                   <children>
-                                <ImageView fx:id="windImageView" fitHeight="92.0"
+                                      <ImageView fx:id="windImageView" fitHeight="92.0" fitWidth="109.0" pickOnBounds="true" preserveRatio="true" GridPane.halignment="CENTER" GridPane.rowSpan="2" GridPane.valignment="CENTER" />
-                                  fitWidth="109.0" pickOnBounds="true" preserveRatio="true"
+                                      <Label fx:id="windSpeedLabel" text="0.0 Knots" GridPane.halignment="RIGHT" GridPane.rowIndex="1" GridPane.valignment="CENTER">
-                                  GridPane.halignment="CENTER" GridPane.rowSpan="2"
-                                  GridPane.valignment="CENTER"/>
-                                <Label fx:id="windSpeedLabel" text="0.0 Knots"
-                                  GridPane.halignment="RIGHT" GridPane.rowIndex="1"
-                                  GridPane.valignment="CENTER">
                                           <GridPane.margin>
                                               <Insets right="5.0" />
                                           </GridPane.margin>
                                       </Label>
-                                <Label fx:id="windDirectionLabel" text="180.0°"
+                                      <Label fx:id="windDirectionLabel" text="180.0°" GridPane.halignment="LEFT" GridPane.rowIndex="1" GridPane.valignment="CENTER">
-                                  GridPane.halignment="LEFT" GridPane.rowIndex="1"
-                                  GridPane.valignment="CENTER">
                                           <GridPane.margin>
                                               <Insets left="5.0" />
                                           </GridPane.margin>
@@ -238,6 +190,13 @@
                   </children>
               </GridPane>
          </children>
+      </StackPane>
+      <AnchorPane fx:id="loadingScreenPane">
+         <children>
+            <ImageView fx:id="loadingScreen" fitHeight="800.0" fitWidth="1200.0" pickOnBounds="true" preserveRatio="true" />
+         </children>
+      </AnchorPane>
+    </children>
     <stylesheets>
         <String fx:value="/css/Master.css" />
         <String fx:value="/css/RaceView.css" />

src/main/resources/views/SplashScreen.fxml

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.*?>
+<?import javafx.scene.text.*?>
+<?import javafx.scene.image.*?>
+<?import java.lang.*?>
+<?import javafx.scene.layout.*?>
+
+<StackPane id="background" fx:id="rootPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="seng302.visualiser.controllers.SplashScreenController">
+   <stylesheets>
+      <String fx:value="/css/Master.css" />
+      <String fx:value="/css/SplashScreenView.css" />
+   </stylesheets>
+   <children>
+      <ImageView fitHeight="296.0" fitWidth="295.0" pickOnBounds="true" preserveRatio="true" StackPane.alignment="TOP_CENTER">
+         <image>
+            <Image url="@../PP.png" />
+         </image>
+         <StackPane.margin>
+            <Insets top="20.0" />
+         </StackPane.margin>
+      </ImageView>
+      <Text fx:id="headText" strokeType="OUTSIDE" strokeWidth="0.0" text="Party Parrots at Sea" StackPane.alignment="BOTTOM_CENTER">
+         <font>
+            <Font name="System Bold" size="42.0" />
+         </font>
+         <StackPane.margin>
+            <Insets bottom="20.0" />
+         </StackPane.margin>
+      </Text>
+   </children>
+</StackPane>