I think the controller is not working propperly, can you make it more robust?

index.html

@@ -453,12 +453,11 @@ function addEnvironmentObjects() {
             
             group.position.y = 0;
             scene.add(group);
-            
             gameState.player = {
                 model: group,
-                speed: 0.1,
-                runSpeed: 0.2,
-                rotationSpeed: 0.05,
+                speed: 0.08,
+                runSpeed: 0.15,
+                rotationSpeed: 0.08,
                 isMoving: false,
                 animations: {
                     idle: null,
@@ -468,8 +467,7 @@ function addEnvironmentObjects() {
                 },
                 currentAnimation: null
             };
-            
-            // Add a simple animation mixer for the player
+// Add a simple animation mixer for the player
             mixer = new THREE.AnimationMixer(group);
             
             // Create simple animations
@@ -600,7 +598,7 @@ function loadNPCCharacters() {
         function animate() {
             requestAnimationFrame(animate);
             
-            const delta = clock.getDelta();
+            const delta = Math.min(clock.getDelta(), 0.1); // Cap delta to prevent large jumps
             
             // Update player animation mixer
             if (mixer) {
@@ -615,13 +613,24 @@ function loadNPCCharacters() {
             
             renderer.render(scene, camera);
         }
-        function handlePlayerMovement(delta) {
+function handlePlayerMovement(delta) {
             if (!gameState.player) return;
             
             const player = gameState.player;
             let moving = false;
             let moveDirection = new THREE.Vector3();
             
+            // Check if dialog is open - disable movement if dialog is active
+            const isDialogOpen = !document.getElementById('dialog-box').classList.contains('translate-y-full');
+            if (isDialogOpen) {
+                // Stop any movement and reset animation
+                if (player.isMoving) {
+                    player.isMoving = false;
+                    updatePlayerAnimation();
+                }
+                return;
+            }
+            
             // Forward/backward movement
             if (gameState.keys.w) {
                 moveDirection.z = -1;
@@ -646,50 +655,73 @@ function loadNPCCharacters() {
             if (moving) {
                 moveDirection.normalize();
                 
-                // Calculate speed
-                const speed = gameState.keys.shift ? player.runSpeed : player.speed;
+                // Calculate speed with delta time for consistent movement
+                const speed = (gameState.keys.shift ? player.runSpeed : player.speed) * delta * 60;
                 
-                // Apply movement relative to player's rotation
-                const forward = new THREE.Vector3(0, 0, -1);
-                forward.applyQuaternion(player.model.quaternion);
-                forward.y = 0;
-                forward.normalize();
+                // Apply movement relative to camera direction
+                const cameraForward = new THREE.Vector3();
+                camera.getWorldDirection(cameraForward);
+                cameraForward.y = 0;
+                cameraForward.normalize();
                 
-                const right = new THREE.Vector3(1, 0, 0);
-                right.applyQuaternion(player.model.quaternion);
-                right.y = 0;
-                right.normalize();
+                const cameraRight = new THREE.Vector3();
+                cameraRight.crossVectors(cameraForward, new THREE.Vector3(0, 1, 0));
+                cameraRight.normalize();
                 
                 const moveVector = new THREE.Vector3();
-                moveVector.addScaledVector(forward, moveDirection.z * speed);
-                moveVector.addScaledVector(right, moveDirection.x * speed);
+                moveVector.addScaledVector(cameraForward, moveDirection.z * speed);
+                moveVector.addScaledVector(cameraRight, moveDirection.x * speed);
                 
                 player.model.position.add(moveVector);
                 
-                // Update rotation only if moving significantly
+                // Update player rotation to face movement direction
                 if (moveDirection.length() > 0.1) {
-                    const targetRotation = Math.atan2(moveDirection.x, moveDirection.z);
-                    player.model.rotation.y = targetRotation;
+                    const targetRotation = Math.atan2(moveDirection.x, moveDirection.z) + camera.rotation.y;
+                    player.model.rotation.y = THREE.MathUtils.lerp(player.model.rotation.y, targetRotation, player.rotationSpeed * delta * 60);
                 }
             }
+            
             // Jumping - only trigger when not showing dialog and not already jumping
-            if (gameState.keys.space && !gameState.isJumping && !document.getElementById('dialog-box').classList.contains('translate-y-full')) {
+            if (gameState.keys.space && !gameState.isJumping && !isDialogOpen) {
                 gameState.isJumping = true;
                 setPlayerAnimation('jump');
-                setTimeout(() => {
-                    gameState.isJumping = false;
-                    updatePlayerAnimation();
-                }, 1000);
+                
+                // Create a more robust jump animation
+                let jumpStartTime = performance.now();
+                const jumpDuration = 1000; // 1 second
+                const originalY = player.model.position.y;
+                const jumpHeight = 1.5;
+                
+                function performJump() {
+                    const currentTime = performance.now();
+                    const elapsed = currentTime - jumpStartTime;
+                    const progress = Math.min(elapsed / jumpDuration, 1);
+                    
+                    // Parabolic jump curve
+                    const jumpProgress = 1 - Math.pow(2 * progress - 1, 2);
+                    player.model.position.y = originalY + jumpHeight * jumpProgress;
+                    
+                    if (progress < 1) {
+                        requestAnimationFrame(performJump);
+                    } else {
+                        gameState.isJumping = false;
+                        player.model.position.y = originalY;
+                        updatePlayerAnimation();
+                    }
+                }
+                
+                performJump();
             }
-// Update animation based on movement
+            
+            // Update animation based on movement
             if (moving !== player.isMoving || gameState.keys.shift) {
                 player.isMoving = moving;
                 updatePlayerAnimation();
             }
             
-            // Update camera position to follow player
-            const cameraOffset = new THREE.Vector3(0, 5, 10);
-            camera.position.copy(player.model.position.clone().add(cameraOffset));
+            // Update camera position to follow player with smooth interpolation
+            const targetCameraPosition = player.model.position.clone().add(new THREE.Vector3(0, 5, 10));
+            camera.position.lerp(targetCameraPosition, 0.1 * delta * 60);
             camera.lookAt(player.model.position);
         }
 function updatePlayerAnimation() {
@@ -769,32 +801,73 @@ function showDialog(npc) {
                 existingPrompt.remove();
             }
         }
-function handleKeyDown(event) {
-            switch (event.key.toLowerCase()) {
-                case 'w': gameState.keys.w = true; break;
-                case 'a': gameState.keys.a = true; break;
-                case 's': gameState.keys.s = true; break;
-                case 'd': gameState.keys.d = true; break;
-                case 'shift': gameState.keys.shift = true; break;
+        function handleKeyDown(event) {
+            // Prevent default for space to avoid page scrolling
+            if (event.key === ' ') {
+                event.preventDefault();
+            }
+            
+            // Ignore key repeats
+            if (event.repeat) return;
+            
+            const key = event.key.toLowerCase();
+            switch (key) {
+                case 'w': 
+                    gameState.keys.w = true; 
+                    break;
+                case 'a': 
+                    gameState.keys.a = true; 
+                    break;
+                case 's': 
+                    gameState.keys.s = true; 
+                    break;
+                case 'd': 
+                    gameState.keys.d = true; 
+                    break;
+                case 'shift': 
+                    gameState.keys.shift = true; 
+                    break;
                 case ' ': 
                     gameState.keys.space = true; 
-                    if (gameState.nearbyNpc && !gameState.isJumping) {
+                    // Check if we're near an NPC and dialog isn't already open
+                    const isDialogOpen = !document.getElementById('dialog-box').classList.contains('translate-y-full');
+                    if (gameState.nearbyNpc && !gameState.isJumping && !isDialogOpen) {
                         showDialog(gameState.nearbyNpc);
-                        event.preventDefault(); // Prevent default space behavior
                     }
                     break;
             }
         }
-function handleKeyUp(event) {
-            switch (event.key.toLowerCase()) {
-                case 'w': gameState.keys.w = false; break;
-                case 'a': gameState.keys.a = false; break;
-                case 's': gameState.keys.s = false; break;
-                case 'd': gameState.keys.d = false; break;
-                case 'shift': gameState.keys.shift = false; break;
-                case ' ': gameState.keys.space = false; break;
+        function handleKeyUp(event) {
+            // Ignore key repeats
+            if (event.repeat) return;
+            
+            const key = event.key.toLowerCase();
+            switch (key) {
+                case 'w': 
+                    gameState.keys.w = false; 
+                    break;
+                case 'a': 
+                    gameState.keys.a = false; 
+                    break;
+                case 's': 
+                    gameState.keys.s = false; 
+                    break;
+                case 'd': 
+                    gameState.keys.d = false; 
+                    break;
+                case 'shift': 
+                    gameState.keys.shift = false; 
+                    break;
+                case ' ': 
+                    gameState.keys.space = false; 
+                    break;
+            }
+            
+            // Update animation when keys are released
+            if (gameState.player) {
+                updatePlayerAnimation();
             }
         }
-    </script>
+</script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=KBLLR/character-selector" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>