Add an info panel to guide players

Arun Prasaad · Arun Prasaad · commit 1e23e55537bd · 2025-10-06T21:45:31.000+01:00
diff --git a/src/main/java/ihm/SokobanWindow.java b/src/main/java/ihm/SokobanWindow.java
@@ -31,24 +31,81 @@ public Controller getController() {
     public SokobanWindow(Controller controller) {
         this.controller = controller;
 
+        // Calculate game panel dimensions
         int IMAGE_WIDTH = controller.getWarehouse().getColumns() * IMAGE_SIZE;
         int IMAGE_HEIGHT = controller.getWarehouse().getLines() * IMAGE_SIZE;
 
-        this.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
-        this.setPreferredSize( new Dimension( IMAGE_WIDTH + 16, IMAGE_HEIGHT + 39 ));
-        if (controller.isOnCustomLevel()) {
-            this.setTitle( "Custom level");
-        }
-        else {
-            this.setTitle( "Level %s".formatted(controller.getLevel()));
-        }
+        // Create game panel with fixed size
+        SokobanPanel gamePanel = new SokobanPanel(controller);
+        gamePanel.setPreferredSize(new Dimension(IMAGE_WIDTH, IMAGE_HEIGHT));
+
+        // Create and configure the info panel
+        JPanel infoPanel = makeInfoPanel();
+
+        // Create main content panel with BoxLayout for vertical arrangement
+        JPanel contentPane = new JPanel();
+        contentPane.setLayout(new BoxLayout(contentPane, BoxLayout.Y_AXIS));
+
+        // Center the game panel horizontally
+        JPanel gamePanelContainer = new JPanel();
+        gamePanelContainer.setLayout(new BoxLayout(gamePanelContainer, BoxLayout.X_AXIS));
+        gamePanelContainer.add(Box.createHorizontalGlue());
+        gamePanelContainer.add(gamePanel);
+        gamePanelContainer.add(Box.createHorizontalGlue());
+
+        // Add vertical glue to push content to center
+        contentPane.add(Box.createVerticalGlue());
+        contentPane.add(gamePanelContainer);
+        contentPane.add(Box.createVerticalStrut(20)); // Add some space between panels
+        contentPane.add(infoPanel);
+        contentPane.add(Box.createVerticalGlue());
+
+        // Set up the frame
+        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
+        this.setContentPane(contentPane);
+
+        // Calculate window size with extra padding for centering
+        int windowWidth = Math.max(500, IMAGE_WIDTH + 40);
+        int windowHeight = IMAGE_HEIGHT + infoPanel.getPreferredSize().height + 80;  // Extra padding for vertical centering
+
+        // Set size and position
+        this.setSize(windowWidth, windowHeight);
+        this.setMinimumSize(new Dimension(windowWidth, windowHeight));
+        this.setLocationRelativeTo(null);
         this.setResizable(false);
+        this.setTitle(controller.isOnCustomLevel() ? "Custom level" : "Level %s".formatted(controller.getLevel()));
 
-        this.add( new SokobanPanel(controller));
-        this.addKeyListener( this );
+        // Add key listener and make window visible
+        this.addKeyListener(this);
         this.pack();
-        this.setLocationRelativeTo( null );
-        this.setVisible( true );
+        this.setVisible(true);
+    }
+
+    private static JPanel makeInfoPanel() {
+        JPanel infoPanel = new JPanel();
+        infoPanel.setBorder(BorderFactory.createEmptyBorder(10, 10, 10, 10));
+        infoPanel.setBackground(Color.LIGHT_GRAY);
+
+        String controlsText = """
+                <html><div style='font-family: Arial; text-align: center;'>
+                <table cellspacing='10' style='margin: 0 auto;'>
+                    <tr>
+                        <td style='text-align: right;'><b>Movement:</b></td>
+                        <td style='text-align: left;'>Arrow Keys</td>
+                        <td style='text-align: right;'><b>Undo:</b></td>
+                        <td style='text-align: left;'>Space</td>
+                    </tr>
+                    <tr>
+                        <td style='text-align: right;'><b>Restart:</b></td>
+                        <td style='text-align: left;'>Backspace</td>
+                        <td style='text-align: right;'><b>Exit:</b></td>
+                        <td style='text-align: left;'>ESC</td>
+                    </tr>
+                </table></div></html>";""";
+
+        JLabel controlsLabel = new JLabel(controlsText);
+        infoPanel.add(controlsLabel);
+        return infoPanel;
     }
 
     @Override
