Party-Parrots-At-Sea/src/main/resources/RaceView.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.text.*?>
<?import javafx.scene.shape.*?>
<?import javafx.scene.control.*?>
<?import java.lang.*?>
<?import javafx.scene.canvas.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.canvas.Canvas?>
<?import javafx.scene.layout.AnchorPane?>

<GridPane xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="seng302.controllers.CanvasController">
  <columnConstraints>
    <ColumnConstraints hgrow="SOMETIMES" maxWidth="220.0" minWidth="220.0" prefWidth="273.0" />
    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="1007.0" />
  </columnConstraints>
  <rowConstraints>
    <RowConstraints minHeight="10.0" prefHeight="320.0" vgrow="SOMETIMES" />
    <RowConstraints minHeight="10.0" prefHeight="320.0" vgrow="SOMETIMES" />
    <RowConstraints minHeight="10.0" prefHeight="320.0" vgrow="SOMETIMES" />
  </rowConstraints>
   <children>
      <AnchorPane fx:id="contentAnchorPane" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefHeight="960.0" prefWidth="1280.0" style="-fx-background-color: lightblue;" GridPane.columnIndex="1" GridPane.rowSpan="3">
         <children>
            <Canvas fx:id="canvas" height="960.0" style="-fx-background-color: Aqua;" width="1007.0" />
         </children>
      </AnchorPane>
      <AnchorPane prefHeight="200.0" prefWidth="200.0" GridPane.rowSpan="3">
         <children>
            <Label layoutX="11.0" layoutY="259.0" text="Team Position" />
            <Label layoutX="11.0" layoutY="617.0" text="Race Log" />
            <Label layoutX="13.0" layoutY="432.0" text="Annotation toggle" />
            <Label layoutX="11.0" layoutY="14.0" text="Timer" />
            <Label layoutX="11.0" layoutY="88.0" text="Wind direction" />
            <Button layoutX="18.0" layoutY="468.0" mnemonicParsing="false" text="Button" />
            <TextArea editable="false" layoutX="11.0" layoutY="640.0" prefHeight="306.0" prefWidth="200.0" />
            <TextArea editable="false" layoutX="11.0" layoutY="280.0" prefHeight="141.0" prefWidth="200.0" />
            <Circle fx:id="windBackgroundCircle" blendMode="DARKEN" fill="#76baf8" layoutX="110.0" layoutY="166.0" radius="35.0" stroke="#686868" strokeType="INSIDE" strokeWidth="3.0" />
            <Text fx:id="windArrowText" fill="#686868" layoutX="86.0" layoutY="186.0" strokeType="OUTSIDE" strokeWidth="0.0" text="↑">
               <font>
                  <Font name="AdobeArabic-Regular" size="55.0" />
               </font>
            </Text>
            <Text fx:id="windDirectionText" fill="#a8a7a7" layoutX="171.0" layoutY="214.0" strokeType="OUTSIDE" strokeWidth="0.0" text="0.0°" textAlignment="RIGHT">
               <font>
                  <Font name="System Bold" size="13.0" />
               </font>
            </Text>
         </children>
      </AnchorPane>
   </children>
</GridPane>