Merge pull request #6 from teppyboy/Settings

feat(scene): settings page

app/src/main/java/org/vibecoders/moongazer/managers/Assets.java

@@ -117,6 +117,8 @@ public class Assets {
         assetManager.load("textures/ui/UI_Icon_Setting.png", Texture.class);
         assetManager.load("textures/ui/ImgReShaSoundOn.png", Texture.class);
         assetManager.load("textures/ui/UI_Gcg_Icon_Close.png", Texture.class);
+        assetManager.load("textures/ui/arrow-button-left.png", Texture.class);
+        assetManager.load("textures/ui/arrow-button-right.png", Texture.class);
         // "Load" unsupported file types as FileHandle
         loadAny("videos/main_menu_background.webm");
     }

app/src/main/java/org/vibecoders/moongazer/scenes/Settings.java

@@ -1,6 +1,18 @@
 package org.vibecoders.moongazer.scenes;
 
+import com.badlogic.gdx.Gdx;
+import com.badlogic.gdx.Input;
+import com.badlogic.gdx.graphics.Color;
+import com.badlogic.gdx.graphics.g2d.BitmapFont;
 import com.badlogic.gdx.graphics.g2d.SpriteBatch;
+import com.badlogic.gdx.scenes.scene2d.InputEvent;
+import com.badlogic.gdx.scenes.scene2d.InputListener;
+import com.badlogic.gdx.scenes.scene2d.ui.Label;
+import com.badlogic.gdx.scenes.scene2d.ui.Table;
+import com.badlogic.gdx.scenes.scene2d.ui.TextButton;
+import com.badlogic.gdx.scenes.scene2d.utils.ClickListener;
+import com.badlogic.gdx.scenes.scene2d.utils.Drawable;
+import com.badlogic.gdx.scenes.scene2d.utils.TextureRegionDrawable;
 
 import static org.vibecoders.moongazer.Constants.*;
 
@@ -9,42 +21,287 @@ import org.vibecoders.moongazer.State;
 import org.vibecoders.moongazer.managers.Assets;
 import org.vibecoders.moongazer.ui.UIImageButton;
 
+import static org.vibecoders.moongazer.Constants.WINDOW_HEIGHT;
+import static org.vibecoders.moongazer.Constants.WINDOW_WIDTH;
+
 public class Settings extends Scene {
+
+    private Table mainPanel;
+    private boolean isEditingKeybind = false;
+    private TextButton currentEditingButton = null;
+    private String currentKeybindAction = "";
+
+    private java.util.Map<String, Integer> keybinds = new java.util.HashMap<>();
+    private java.util.Map<String, TextButton> keybindButtons = new java.util.HashMap<>();
+
     public Settings(Game game) {
         super(game);
-        // WIP
+        initializeDefaultKeybinds();
-        UIImageButton settingButton = new UIImageButton("textures/ui/UI_Icon_Setting.png");
+        setupUI();
-        UIImageButton exitImgButton = new UIImageButton("textures/ui/IconExitGame.png");
+    }
-        UIImageButton soundButton = new UIImageButton("textures/ui/ImgReShaSoundOn.png");
+
-        UIImageButton closeButton = new UIImageButton("textures/ui/UI_Gcg_Icon_Close.png");
+    private void initializeDefaultKeybinds() {
-        settingButton.setSize(50, 50);
+        keybinds.put("player1_left", Input.Keys.LEFT);
-        exitImgButton.setSize(50, 50);
+        keybinds.put("player1_right", Input.Keys.RIGHT);
-        soundButton.setSize(50, 50);
+        keybinds.put("player2_left", Input.Keys.A);
-        closeButton.setSize(50, 50);
+        keybinds.put("player2_right", Input.Keys.D);
-        settingButton.setPosition(20, WINDOW_HEIGHT - 70);
+    }
-        exitImgButton.setPosition(WINDOW_WIDTH - 70, WINDOW_HEIGHT - 70);
+
-        soundButton.setPosition(20, 20);
+    private void setupUI() {
-        closeButton.setPosition(WINDOW_WIDTH - 70, 20);
+        root.setFillParent(true);
-        
+        root.clear();
-        root.addActor(settingButton.getActor());
+
-        root.addActor(exitImgButton.getActor());
+        BitmapFont font = Assets.getFont("ui", 24);
-        root.addActor(soundButton.getActor());
+        Label.LabelStyle labelStyle = new Label.LabelStyle(font, Color.WHITE);
-        root.addActor(closeButton.getActor());
+
-        settingButton.onClick(() -> log.debug("Settings clicked"));
+        // 1. Create main panel
-        exitImgButton.onClick(() -> {
+        mainPanel = new Table();
-            log.debug("Exit clicked");
+        mainPanel.setSize(800, 600);
-            if (game.transition == null) {
+        mainPanel.setPosition(
+                (Gdx.graphics.getWidth() - 800) / 2f,
+                (Gdx.graphics.getHeight() - 600) / 2f
+        );
+
+        // 2. Blurred rectangle background for rows
+        TextureRegionDrawable rowBgDrawable = new TextureRegionDrawable(Assets.getWhiteTexture());
+        Color bgColor = new Color(0.2f, 0.2f, 0.2f, 0.3f);
+        Drawable tintedBg = rowBgDrawable.tint(bgColor);
+
+        // 3. Add title "Settings"
+        Label titleLabel = new Label("Settings", new Label.LabelStyle(font, Color.WHITE));
+        mainPanel.add(titleLabel).colspan(2).padTop(60).padBottom(40);
+        mainPanel.row();
+
+        // 4. Add volume sliders rows (WIP)
+        String[] volumeLabels = {"Master Volume", "Music Volume", "SFX Volume"};
+        for (String volumeLabel : volumeLabels) {
+            Table volumeRow = new Table();
+            volumeRow.setBackground(tintedBg);
+
+            volumeRow.add(new Label(volumeLabel, labelStyle)).expandX().left().padLeft(40).padTop(15).padBottom(15);
+            volumeRow.add(new Label("[Slider Placeholder]", labelStyle)).right().padRight(40).padTop(15).padBottom(15);
+
+            mainPanel.add(volumeRow).width(700).height(60).padBottom(5);
+            mainPanel.row();
+        }
+
+        // 5. Keybinds Section
+        Table keybindsSection = new Table();
+        keybindsSection.setBackground(tintedBg);
+
+        // Keybinds title
+        keybindsSection.add(new Label("Keybinds", labelStyle)).colspan(2).expandX().left().padLeft(40).padTop(15).padBottom(10);
+        keybindsSection.row();
+
+        // Normal keybinds
+        TextButton.TextButtonStyle textButtonStyle = new TextButton.TextButtonStyle();
+        textButtonStyle.font = font;
+        textButtonStyle.fontColor = Color.BLACK;
+        TextureRegionDrawable keybindBgDrawable = new TextureRegionDrawable(Assets.getWhiteTexture());
+        Color buttonColor = new Color(0.7f, 0.7f, 0.7f, 1.0f);
+        textButtonStyle.up = keybindBgDrawable.tint(buttonColor);
+
+        // Editing keybinds
+        TextButton.TextButtonStyle editingButtonStyle = new TextButton.TextButtonStyle();
+        editingButtonStyle.font = font;
+        editingButtonStyle.fontColor = Color.WHITE;
+        Color editingColor = new Color(0.3f, 0.3f, 0.8f, 1.0f);
+        editingButtonStyle.up = keybindBgDrawable.tint(editingColor);
+
+        // Player 1
+        keybindsSection.add(new Label("  Player 1", labelStyle)).colspan(2).left().padLeft(60).padBottom(8);
+        keybindsSection.row();
+
+        // Move Left
+        keybindsSection.add(new Label("    Move Left", labelStyle)).left().padLeft(80);
+        TextButton player1LeftButton = new TextButton(getKeyName(keybinds.get("player1_left")), textButtonStyle);
+        setupKeybindButton(player1LeftButton, "player1_left", textButtonStyle, editingButtonStyle);
+        keybindButtons.put("player1_left", player1LeftButton);
+        keybindsSection.add(player1LeftButton).width(150).right().padRight(40).padBottom(5);
+        keybindsSection.row();
+
+        // Move Right
+        keybindsSection.add(new Label("    Move Right", labelStyle)).left().padLeft(80);
+        TextButton player1RightButton = new TextButton(getKeyName(keybinds.get("player1_right")), textButtonStyle);
+        setupKeybindButton(player1RightButton, "player1_right", textButtonStyle, editingButtonStyle);
+        keybindButtons.put("player1_right", player1RightButton);
+        keybindsSection.add(player1RightButton).width(150).right().padRight(40).padBottom(10);
+        keybindsSection.row();
+
+        // Player 2
+        keybindsSection.add(new Label("  Player 2", labelStyle)).colspan(2).left().padLeft(60).padTop(5).padBottom(8);
+        keybindsSection.row();
+
+        // Player 2 Move Left
+        keybindsSection.add(new Label("    Move Left", labelStyle)).left().padLeft(80);
+        TextButton player2LeftButton = new TextButton(getKeyName(keybinds.get("player2_left")), textButtonStyle);
+        setupKeybindButton(player2LeftButton, "player2_left", textButtonStyle, editingButtonStyle);
+        keybindButtons.put("player2_left", player2LeftButton);
+        keybindsSection.add(player2LeftButton).width(150).right().padRight(40).padBottom(5);
+        keybindsSection.row();
+
+        // Player 2 Move Right
+        keybindsSection.add(new Label("    Move Right", labelStyle)).left().padLeft(80);
+        TextButton player2RightButton = new TextButton(getKeyName(keybinds.get("player2_right")), textButtonStyle);
+        setupKeybindButton(player2RightButton, "player2_right", textButtonStyle, editingButtonStyle);
+        keybindButtons.put("player2_right", player2RightButton);
+        keybindsSection.add(player2RightButton).width(150).right().padRight(40).padBottom(15);
+        keybindsSection.row();
+
+        mainPanel.add(keybindsSection).width(700).padBottom(20);
+        mainPanel.row();
+
+        // Close button
+        UIImageButton backButton = new UIImageButton("textures/ui/UI_Gcg_Icon_Close.png");
+        backButton.setSize(40, 40);
+        backButton.setPosition(Gdx.graphics.getWidth() - 80, Gdx.graphics.getHeight() - 80);
+        backButton.getActor().setName("backButton");
+        backButton.onClick(() -> {
+            if (game.transition == null && !isEditingKeybind) {
                 game.transition = new Transition(game, this, game.mainMenuScene, State.MAIN_MENU, 350);
             }
         });
-        soundButton.onClick(() -> log.debug("Sound clicked"));
-        closeButton.onClick(() -> log.debug("Close clicked"));
 
+        root.addActor(mainPanel);
+        root.addActor(backButton.getActor());
         game.stage.addActor(root);
+
+        // Listener for key input when editing keybind
+        game.stage.addListener(new InputListener() {
+            @Override
+            public boolean keyDown(InputEvent event, int keycode) {
+                if (isEditingKeybind && currentEditingButton != null) {
+                    // ESC not allowed, cancel editing
+                    if (keycode == Input.Keys.ESCAPE) {
+                        cancelKeybindEdit();
+                        return true;
+                    }
+
+                    // Check if key is already used
+                    if (isKeybindAlreadyUsed(keycode, currentKeybindAction)) {
+                        //Error_msg
+                        currentEditingButton.setText("Key in use!");
+                        // Delay
+                        new Thread(() -> {
+                            try {
+                                Thread.sleep(1000);
+                                Gdx.app.postRunnable(() -> {
+                                    if (isEditingKeybind && currentEditingButton != null) {
+                                        currentEditingButton.setText("Press Key...");
+                                    }
+                                });
+                            } catch (InterruptedException e) {
+                                Thread.currentThread().interrupt();
+                            }
+                        }).start();
+                        return true;
+                    }
+
+                    // Update keybind
+                    keybinds.put(currentKeybindAction, keycode);
+                    currentEditingButton.setText(getKeyName(keycode));
+
+                    finishKeybindEdit();
+                    return true;
+                }
+                return false;
+            }
+        });
+    }
+
+    private void setupKeybindButton(TextButton button, String action, TextButton.TextButtonStyle normalStyle, TextButton.TextButtonStyle editingStyle) {
+        button.addListener(new ClickListener() {
+            @Override
+            public void clicked(InputEvent event, float x, float y) {
+                if (!isEditingKeybind) {
+                    startKeybindEdit(button, action, editingStyle);
+                }
+            }
+        });
+    }
+
+    private void startKeybindEdit(TextButton button, String action, TextButton.TextButtonStyle editingStyle) {
+        isEditingKeybind = true;
+        currentEditingButton = button;
+        currentKeybindAction = action;
+
+        button.setStyle(editingStyle);
+        button.setText("Press Key...");
+    }
+
+    private void finishKeybindEdit() {
+        if (currentEditingButton != null) {
+            // Return to normal
+            TextButton.TextButtonStyle normalStyle = new TextButton.TextButtonStyle();
+            BitmapFont font = Assets.getFont("ui", 24);
+            normalStyle.font = font;
+            normalStyle.fontColor = Color.BLACK;
+            TextureRegionDrawable keybindBgDrawable = new TextureRegionDrawable(Assets.getWhiteTexture());
+            Color buttonColor = new Color(0.7f, 0.7f, 0.7f, 1.0f);
+            normalStyle.up = keybindBgDrawable.tint(buttonColor);
+
+            currentEditingButton.setStyle(normalStyle);
+        }
+
+        isEditingKeybind = false;
+        currentEditingButton = null;
+        currentKeybindAction = "";
+    }
+
+    private void cancelKeybindEdit() {
+        if (currentEditingButton != null) {
+            // Reset text
+            currentEditingButton.setText(getKeyName(keybinds.get(currentKeybindAction)));
+        }
+        finishKeybindEdit();
+    }
+
+    private String getKeyName(int keycode) {
+        switch (keycode) {
+            case Input.Keys.LEFT:
+                return "Left Arrow";
+            case Input.Keys.RIGHT:
+                return "Right Arrow";
+            case Input.Keys.UP:
+                return "Up Arrow";
+            case Input.Keys.DOWN:
+                return "Down Arrow";
+            case Input.Keys.SPACE:
+                return "Space_Bar";
+            case Input.Keys.SHIFT_LEFT:
+                return "Left_Shift";
+            case Input.Keys.SHIFT_RIGHT:
+                return "Right_Shift";
+            case Input.Keys.CONTROL_LEFT:
+                return "Left_Ctrl";
+            case Input.Keys.CONTROL_RIGHT:
+                return "Right_Ctrl";
+            case Input.Keys.ALT_LEFT:
+                return "Left_Alt";
+            case Input.Keys.ALT_RIGHT:
+                return "Right_Alt";
+            default:
+                String keyName = Input.Keys.toString(keycode);
+                return keyName != null ? keyName.toUpperCase() : "Unknown";
+        }
+    }
+
+    private boolean isKeybindAlreadyUsed(int keycode, String currentAction) {
+        for (java.util.Map.Entry<String, Integer> entry : keybinds.entrySet()) {
+            if (!entry.getKey().equals(currentAction) && entry.getValue().equals(keycode)) {
+                return true;
+            }
+        }
+        return false;
     }
 
     @Override
     public void render(SpriteBatch batch) {
+        if (game.mainMenuScene != null) {
+            game.mainMenuScene.render(batch);
+        }
+        batch.setColor(0, 0, 0, 0.8f);
         batch.draw(Assets.getWhiteTexture(), 0, 0, WINDOW_WIDTH, WINDOW_HEIGHT);
+        batch.setColor(Color.WHITE);
     }
 }