AI game creator

Click here for free DL of the app version that can save data.

No:15822

128

←

Prev Next

→

Sonic
Developer User6901｜Date and time 23/9/12 6:17:18
Build time 16.645 sec｜Game capacity 2.305KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
   <title>Sonic: El Juego</title>
   <style>
      canvas {
         border: 1px solid black;
      }
   </style>
</head>
<body>
   <canvas id="gameCanvas" width="480" height="320"></canvas>

// Crea el objeto Sonic
      var sonic = {
         x: canvas.width / 2,
         y: canvas.height - 30,
         speed: 5,
         sprite: new Image()
      };

// Configura la imagen de Sonic
      sonic.sprite.src = "path_to_sonic_sprite.png";

// Manejador de eventos para el control táctil
      canvas.addEventListener("touchstart", handleTouchStart, false);
      canvas.addEventListener("touchmove", handleTouchMove, false);
      canvas.addEventListener("touchend", handleTouchEnd, false);

var touchStartX = 0;
      var touchEndX = 0;
      var touchMoveThreshold = 50;

// Funciones para controlar el movimiento táctil
      function handleTouchStart(event) {
         touchStartX = event.changedTouches[0].screenX;
      }

function handleTouchMove(event) {
         touchEndX = event.changedTouches[0].screenX;
      }

function handleTouchEnd() {
         if (touchEndX - touchStartX > touchMoveThreshold) {
            // Mover Sonic a la derecha
            sonic.x += sonic.speed;
         } else if (touchStartX - touchEndX > touchMoveThreshold) {
            // Mover Sonic a la izquierda
            sonic.x -= sonic.speed;
         }
      }

// Bucle principal del juego
      function gameLoop() {
         update();
         draw();
         requestAnimationFrame(gameLoop);
      }

// Actualiza la lógica del juego
      function update() {
         // Actualiza la posición de Sonic o cualquier otra lógica del juego
         // Por ejemplo, si hubiera obstáculos o enemigos
      }

// Dibuja los elementos del juego en el lienzo
      function draw() {
         context.clearRect(0, 0, canvas.width, canvas.height);

// Dibuja a Sonic en su posición actual
         context.drawImage(sonic.sprite, sonic.x, sonic.y);
      }

// Comienza el bucle del juego
      gameLoop();
   </script>
</body>
</html>