diff --git a/js/main.js b/js/main.js
index 28ec512..380824a 100644
--- a/js/main.js
+++ b/js/main.js
@@ -18,6 +18,18 @@ window.addEventListener("load", async function (){
     new AnimationManager(eventBus);
     new InputHandler(eventBus);
 
+    ////////////////////////////////////////////
+    const joystickUp = document.querySelector("#joystick-up");
+    const joystickDown = document.querySelector("#joystick-down");
+    const joystickLeft = document.querySelector("#joystick-left");
+    const joystickRight = document.querySelector("#joystick-right");
+
+    joystickUp.addEventListener("click", () => eventBus.emit("rotate", {}));
+    joystickDown.addEventListener("click", () => eventBus.emit("move", { dx: 0, dy: 1 }));
+    joystickLeft.addEventListener("click", () => eventBus.emit("move", { dx: -1, dy: 0 }));
+    joystickRight.addEventListener("click", () => eventBus.emit("move", { dx: 1, dy: 0 }));
+    // ------------------------------------
+
     ////////////////////////////////////////////
     let game = null;
     let isAnimating = false;