Added file

src/main/java/dotsandboxes/DotsAndBoxesUI.java

+package dotsandboxes;
+
+import javafx.scene.control.Label;
+import javafx.scene.layout.AnchorPane;
+import javafx.scene.paint.Color;
+import javafx.scene.shape.Circle;
+import javafx.scene.shape.Line;
+import javafx.scene.shape.Rectangle;
+
+public class DotsAndBoxesUI {
+
+    final int lineLength = 32;
+    final int margin = 10;
+    final int gap = 0;
+    final int dotDiameter = 6;
+
+    final DotsAndBoxesGrid grid;
+    final AnchorPane anchorPane;
+    final Label label;
+
+    /** Colours for the different players. Only goes up to 5. */
+    final Color[] playerColours = { Color.WHITE, Color.RED, Color.BLUE, Color.GREEN, Color.PURPLE, Color.ORANGE };
+
+    private void updateLabel() {
+        label.setTextFill(playerColours[grid.getPlayer()]);
+        label.setText(String.format("Player %d's turn", grid.getPlayer()));
+    }
+
+    public DotsAndBoxesUI(final DotsAndBoxesGrid grid) {
+        this.grid = grid;
+        anchorPane = new AnchorPane();
+
+        label = new Label("");
+        updateLabel();
+        grid.addConsumer((g) -> updateLabel());
+
+        // Size the anchorPane to just contain the elements
+        int width = margin + dotDiameter + gap + (grid.width - 1) * (gap + lineLength + gap + dotDiameter) + gap + margin;
+        int height = margin + dotDiameter + gap + (grid.height - 1) * (gap + lineLength + gap + dotDiameter) + gap + margin;
+        anchorPane.setPrefSize(width, height);
+
+
+        // Lay out the boxes
+        for (int row = 0; row < grid.height - 1; row++) {
+            for (int col = 0; col < grid.width - 1; col++) {
+                final int x = col;
+                final int y = row;
+                Rectangle box = new Rectangle(gap, gap, lineLength, lineLength);
+                box.setFill(Color.WHITE);
+
+                grid.addConsumer((g) -> {
+                    box.setFill(playerColours[g.getBoxOwner(x, y)]);
+                });
+
+                AnchorPane.setLeftAnchor(box, gap + dotDiameter + col * (gap + lineLength + gap + dotDiameter) + dotDiameter/2.0);
+                AnchorPane.setTopAnchor(box, gap + dotDiameter + row * (gap + lineLength + gap + dotDiameter) + dotDiameter/2.0);
+                anchorPane.getChildren().add(box);
+            }
+        }
+
+        // Lay out the horizontals
+        for (int row = 0; row < grid.height; row++) {
+            for (int col = 0; col < grid.width - 1; col++) {
+                Line line = new Line(0, dotDiameter/2.0, lineLength, dotDiameter/2.0);
+                line.setStrokeWidth(dotDiameter);
+                line.setStroke(Color.DARKGREY);
+
+                final int x = col;
+                final int y = row;
+                grid.addConsumer((g) -> {
+                    if (g.getHorizontal(x, y)) {
+                        line.setStroke(Color.BLACK);
+                    } else {
+                        line.setStroke(Color.LIGHTGRAY);
+                    }
+                });
+
+                line.setOnMouseClicked((evt) -> {try {
+                    grid.drawHorizontal(x, y, grid.getPlayer());
+                } catch (IllegalStateException ex) {
+                    // do nothing
+                    // This is a little artificial, as normally we'd implement this with a check that the line isn't
+                    // already "drawn" and then not calling the function. But for the exercise, we wanted students
+                    // to write a test that would ensure an exception is thrown, so we're relying on an exception
+                    // being thrown!
+                }});
+
+                AnchorPane.setLeftAnchor(line, 0.0 + gap + dotDiameter + col * (gap + lineLength + gap + dotDiameter));
+                AnchorPane.setTopAnchor(line, -dotDiameter/2.0 + gap + dotDiameter + row * (gap + lineLength + gap + dotDiameter));
+                anchorPane.getChildren().add(line);
+            }
+        }
+
+        // Lay out the verticals
+        for (int row = 0; row < grid.height - 1; row++) {
+            for (int col = 0; col < grid.width; col++) {
+                Line line = new Line(-dotDiameter/2.0, 0, -dotDiameter/2.0, lineLength);
+                line.setStrokeWidth(dotDiameter);
+                line.setStroke(Color.DARKGREY);
+
+                final int x = col;
+                final int y = row;
+                grid.addConsumer((g) -> {
+                    if (g.getVertical(x, y)) {
+                        line.setStroke(Color.BLACK);
+                    } else {
+                        line.setStroke(Color.LIGHTGRAY);
+                    }
+                });
+
+                line.setOnMouseClicked((evt) -> {try {
+                    grid.drawVertical(x, y, grid.getPlayer());
+                } catch (IllegalStateException ex) {
+                    // do nothing
+                }});
+
+                AnchorPane.setTopAnchor(line, 0.0 + gap + dotDiameter + row * (gap + lineLength + gap + dotDiameter));
+                AnchorPane.setLeftAnchor(line, -dotDiameter/2.0 + gap + dotDiameter + col * (gap + lineLength + gap + dotDiameter));
+                anchorPane.getChildren().add(line);
+            }
+        }
+
+        // Lay out the dots
+        for (int row = 0; row < grid.height; row++) {
+            for (int col = 0; col < grid.width; col++) {
+                Circle dot = new Circle(dotDiameter / 2.0);
+                dot.setFill(Color.YELLOW);
+
+                AnchorPane.setLeftAnchor(dot, gap + col * (gap + lineLength + gap + dotDiameter) + dotDiameter/2.0);
+                AnchorPane.setTopAnchor(dot, gap + row * (gap + lineLength + gap + dotDiameter) + dotDiameter/2.0);
+                anchorPane.getChildren().add(dot);
+            }
+        }
+
+    }
+
+
+
+}

src/main/java/dotsandboxes/Main.java

+package dotsandboxes;
+
+import javafx.application.Application;
+import javafx.scene.Scene;
+import javafx.scene.control.Label;
+import javafx.scene.layout.BorderPane;
+import javafx.stage.Stage;
+
+/** Our main class that launches the app. */
+public class Main extends Application {
+
+    DotsAndBoxesGrid grid = new DotsAndBoxesGrid(15, 8, 2);
+
+    @Override
+    public void start(Stage primaryStage) throws Exception {
+        primaryStage.setTitle("Dots and Boxes");
+
+        // FIXME: Update this label to show your name and student number
+        Label label = new Label("Name: (Your name and student number goes here)");
+
+        BorderPane borderPane = new BorderPane();
+        borderPane.setBottom(label);
+        Scene scene = new Scene(borderPane, 600, 400);
+
+        DotsAndBoxesUI dbUi = new DotsAndBoxesUI(grid);
+        borderPane.setCenter(dbUi.anchorPane);
+        borderPane.setTop(dbUi.label);
+
+        primaryStage.setScene(scene);
+
+        primaryStage.show();
+
+        // This sets what to do when we close the main window.
+        // Notice that we are using a "lambda function" (i.e., an anonymously defined function defined within the
+        // call to setOnCloseRequest). These are very useful in GUI code and we'll probably see a lot of them in the
+        // project.
+        primaryStage.setOnCloseRequest((evt) -> System.exit(0));
+    }
+
+}

src/main/java/module-info.java

+/**
+ * This is a module file.
+ *
+ * Modules were introduced in Java 9, allowing modules to express dependencies on other modules and to publish their
+ * public packages.
+ *
+ * Using modules makes things easier when working with JavaFX, because JavaFX is itself published as a module.
+ *
+ * Please note: "module" in Java is not quite the same as "dependency" in Gradle. They are similar concepts, but
+ * "modules" is part of the Java language (but doesn't express how to find them on the internet) whereas
+ * "dependencies" is part of the Gradle build system and expresses how to find them on the internet (but does not
+ * specify the module imports to the Java compiler). We need both.
+ */
+module dotsAndBoxes {
+    requires javafx.graphics;
+    requires javafx.controls;
+    requires org.apache.logging.log4j;
+    exports dotsandboxes;
+}
\ No newline at end of file

src/test/resources/log4j2.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%d{HH:mm:ss.SSS} [%t] %-5level %logger{36} - %msg%n"/>
+        </Console>
+    </Appenders>
+    <Loggers>
+        <Root level="debug">
+            <AppenderRef ref="Console"/>
+        </Root>
+    </Loggers>
+</Configuration>
\ No newline at end of file