Fix: smoothing wind rotation

- added animation for wind rotation
- enlarged wind image's background to centre the compass

#story[1273]

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

@@ -9,6 +9,7 @@ import java.util.Map;
 import java.util.Timer;
 import java.util.TimerTask;
 import java.util.concurrent.TimeUnit;
+import javafx.animation.RotateTransition;
 import javafx.animation.Timeline;
 import javafx.application.Platform;
 import javafx.beans.property.ReadOnlyBooleanProperty;
@@ -47,6 +48,7 @@ import javafx.scene.shape.Polyline;
 import javafx.scene.text.Text;
 import javafx.stage.Stage;
 import javafx.stage.StageStyle;
+import javafx.util.Duration;
 import seng302.model.ClientYacht;
 import seng302.model.RaceState;
 import seng302.model.mark.CompoundMark;
@@ -608,9 +610,16 @@ public class RaceViewController extends Thread implements ImportantAnnotationDel
      * Updates the wind direction arrow and text as from info from the StreamParser
      * @param direction the from north angle of the wind.
      */
+    private double preDir = 0;
     private void updateWindDirection(double direction) {
         windDirectionLabel.setText(String.format("%.1f°", direction));
-        windImageView.setRotate(direction);
+        RotateTransition rt = new RotateTransition(Duration.millis(300), windImageView);
+        rt.setByAngle(direction - preDir);
+        rt.setCycleCount(5);
+        rt.setAutoReverse(true);
+        rt.play();
+        preDir = direction;
+//        windImageView.setRotate(direction);
     }
 
     /**

src/main/resources/views/SplashScreen.fxml

@@ -1,16 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-<?import javafx.geometry.*?>
+<?import java.net.URL?>
-<?import javafx.scene.text.*?>
+<?import javafx.geometry.Insets?>
-<?import javafx.scene.image.*?>
+<?import javafx.scene.image.Image?>
-<?import java.lang.*?>
+<?import javafx.scene.image.ImageView?>
-<?import javafx.scene.layout.*?>
+<?import javafx.scene.layout.StackPane?>
-
+<?import javafx.scene.text.Font?>
+<?import javafx.scene.text.Text?>
 <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>
@@ -29,4 +26,8 @@
          </StackPane.margin>
       </Text>
    </children>
+    <stylesheets>
+        <URL value="@../css/Master.css"/>
+        <URL value="@../css/SplashScreenView.css"/>
+    </stylesheets>
 </StackPane>