Started to create the game View skeleton in scene builder

build.gradle

@@ -36,6 +36,7 @@ dependencies {
     implementation 'org.openjfx:javafx-controls:18'
     implementation 'org.apache.commons:commons-collections4:4.4'
     implementation 'org.openjfx:javafx:19-ea+5'
+    implementation 'org.testng:testng:7.1.0'
     testImplementation('org.junit.jupiter:junit-jupiter:5.8.2')
 }
 

src/main/resources/ch/unibas/dmi/dbis/cs108/multiplayer/client/gui/game/GameDay.css

@@ -0,0 +1,26 @@
+*{
+}
+
+.button{
+}
+
+
+.roomButtonGroup{
+  -fx-background-color: transparent;
+}
+
+.text-field{
+  -fx-text-fill: white;
+  -fx-background-color: transparent;
+  -fx-effect: null;
+  -fx-animated: null;
+}
+
+.notificationText{
+  -fx-alignment: center;
+  -fx-text-fill: black;
+  -fx-font-family: Bahnschrift;
+  -fx-font-weight: bold;
+}
+
+

src/main/resources/ch/unibas/dmi/dbis/cs108/multiplayer/client/gui/game/GameDayAll.fxml

@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.scene.Group?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.image.Image?>
+<?import javafx.scene.image.ImageView?>
+<?import javafx.scene.layout.AnchorPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.text.Font?>
+<?import javafx.scene.text.TextFlow?>
+
+<AnchorPane id="BG" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="812.0" prefWidth="1200.0" styleClass="theme" stylesheets="@GameDay.css" xmlns="http://javafx.com/javafx/18" xmlns:fx="http://javafx.com/fxml/1">
+  <children>
+      <Group fx:id="roomButtonGroupDay" layoutX="230.5" layoutY="220.0">
+         <children>
+          <Button id="room1" fx:id="buttonRoom0" accessibleRole="RADIO_BUTTON" alignment="TOP_CENTER" contentDisplay="GRAPHIC_ONLY" layoutX="21.5" minWidth="-Infinity" mnemonicParsing="false" prefHeight="110.0" prefWidth="90.0" text="room0">
+            <font>
+              <Font size="25.0" />
+            </font>
+            <graphic>
+              <ImageView fitHeight="109.2" fitWidth="136.0" pickOnBounds="true" preserveRatio="true">
+                <image>
+                  <Image url="@DayOpen/room1button.png" />
+                </image>
+              </ImageView>
+            </graphic>
+          </Button>
+          <Button id="room1" fx:id="buttonRoom1" accessibleRole="RADIO_BUTTON" alignment="CENTER" contentDisplay="GRAPHIC_ONLY" layoutX="114.5" layoutY="19.800003051757812" minWidth="-Infinity" mnemonicParsing="false" prefHeight="101.0" prefWidth="90.0" text="room1">
+            <font>
+              <Font size="25.0" />
+            </font>
+            <graphic>
+              <ImageView fitHeight="109.2" fitWidth="136.0" pickOnBounds="true" preserveRatio="true">
+                <image>
+                  <Image url="@DayOpen/room2button.png" />
+                </image>
+              </ImageView>
+            </graphic>
+          </Button>
+          <Button id="room1" fx:id="buttonRoom2" accessibleRole="RADIO_BUTTON" alignment="CENTER" contentDisplay="GRAPHIC_ONLY" layoutX="207.5" layoutY="39.59999084472656" minWidth="-Infinity" mnemonicParsing="false" prefHeight="110.0" prefWidth="90.0" text="room2">
+            <font>
+              <Font size="25.0" />
+            </font>
+            <graphic>
+              <ImageView fitHeight="109.2" fitWidth="136.0" pickOnBounds="true" preserveRatio="true">
+                <image>
+                  <Image url="@DayOpen/room3button.png" />
+                </image>
+              </ImageView>
+            </graphic>
+          </Button>
+          <Button id="room1" fx:id="buttonRoom3" accessibleRole="RADIO_BUTTON" alignment="CENTER" contentDisplay="GRAPHIC_ONLY" layoutX="300.5" layoutY="59.40000915527344" minWidth="-Infinity" mnemonicParsing="false" prefHeight="110.0" prefWidth="90.0" text="room3">
+            <font>
+              <Font size="25.0" />
+            </font>
+            <graphic>
+              <ImageView fitHeight="109.2" fitWidth="136.0" pickOnBounds="true" preserveRatio="true">
+                <image>
+                  <Image url="@DayOpen/room4button.png" />
+                </image>
+              </ImageView>
+            </graphic>
+          </Button>
+          <Button id="room1" fx:id="buttonRoom4" accessibleRole="RADIO_BUTTON" alignment="CENTER" contentDisplay="GRAPHIC_ONLY" layoutX="393.5999755859375" layoutY="79.40000915527344" minWidth="-Infinity" mnemonicParsing="false" prefHeight="110.0" prefWidth="90.0" text="room4">
+            <font>
+              <Font size="25.0" />
+            </font>
+            <graphic>
+              <ImageView fitHeight="109.2" fitWidth="136.0" pickOnBounds="true" preserveRatio="true">
+                <image>
+                  <Image url="@DayOpen/room5button.png" />
+                </image>
+              </ImageView>
+            </graphic>
+          </Button>
+          <Button id="room1" fx:id="buttonRoom6" accessibleRole="RADIO_BUTTON" alignment="CENTER" contentDisplay="GRAPHIC_ONLY" layoutX="486.8499755859375" layoutY="99.99998474121094" minWidth="-Infinity" mnemonicParsing="false" prefHeight="110.0" prefWidth="90.0" text="room5">
+            <font>
+              <Font size="25.0" />
+            </font>
+            <graphic>
+              <ImageView fitHeight="109.2" fitWidth="136.0" pickOnBounds="true" preserveRatio="true">
+                <image>
+                  <Image url="@DayOpen/room6button.png" />
+                </image>
+              </ImageView>
+            </graphic>
+          </Button>
+            <HBox alignment="CENTER" layoutX="10.0" layoutY="50.0" prefHeight="62.0" prefWidth="571.0" rotate="12.4">
+               <children>
+                  <TextField fx:id="lableRoom0" alignment="CENTER" editable="false" prefHeight="40.0" text="Seraina Ghost">
+                     <font>
+                        <Font size="14.0" />
+                     </font>
+                  </TextField>
+                  <TextField fx:id="lableRoom1" accessibleRole="TEXT" alignment="CENTER" editable="false" prefHeight="40.0">
+                     <font>
+                        <Font size="14.0" />
+                     </font>
+                  </TextField>
+                  <TextField fx:id="lableRoom2" accessibleRole="TEXT" alignment="CENTER" editable="false" prefHeight="40.0">
+                     <font>
+                        <Font size="14.0" />
+                     </font>
+                  </TextField>
+                  <TextField fx:id="lableRoom3" accessibleRole="TEXT" alignment="CENTER" editable="false" prefHeight="40.0">
+                     <font>
+                        <Font size="14.0" />
+                     </font>
+                  </TextField>
+                  <TextField fx:id="lableRoom4" accessibleRole="TEXT" alignment="CENTER" editable="false" prefHeight="40.0">
+                     <font>
+                        <Font size="14.0" />
+                     </font>
+                  </TextField>
+                  <TextField fx:id="lableRoom5" accessibleRole="TEXT" alignment="CENTER" editable="false" prefHeight="40.0">
+                     <font>
+                        <Font size="14.0" />
+                     </font>
+                  </TextField>
+               </children>
+            </HBox>
+         </children>
+      </Group>
+      <Button fx:id="noiseButton" alignment="CENTER" layoutX="236.0" layoutY="606.0" mnemonicParsing="false" prefHeight="59.0" prefWidth="128.0" text="I heard some noise" />
+      <HBox prefHeight="100.0" prefWidth="200.0" />
+      <TextFlow fx:id="notificationText" layoutX="359.0" layoutY="14.0" prefHeight="200.0" prefWidth="500.0" textAlignment="CENTER" />
+  </children>
+</AnchorPane>