Create Scratch Project WHERE You are stuck in a house and need to find 10 keys. It needs a Name too.'s game

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

No:35846

←

Prev Next

→

Create Scratch Project WHERE You are stuck in a ho..ALL
Developer VoidThrw｜Date and time 24/1/15 14:40:09
Build time 14.184 sec｜Game capacity 3.262KB｜

Script

El proyecto podría llamarse "Escape de la Casa Secreta". A continuación, presento el código HTML y JavaScript para implementar el juego en un solo archivo HTML, utilizando etiquetas de script:

Este código crea un lienzo de juego en un lienzo HTML5 y presenta un personaje que se mueve con las teclas de flecha. El objetivo del juego es encontrar las 10 teclas ubicadas en diferentes posiciones dentro de la casa. Cada vez que el personaje encuentra una tecla, se muestra en la parte superior de la pantalla. El juego se ajusta automáticamente para adaptarse al tamaño de pantalla de un teléfono inteligente.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

El proyecto podría llamarse "Escape de la Casa Secreta". A continuación, presento el código HTML y JavaScript para implementar el juego en un solo archivo HTML, utilizando etiquetas de script:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Escape de la Casa Secreta</title>
</head>
<body>
  <canvas id="gameCanvas" width="600" height="400"></canvas>

// Definir variables del personaje y teclas encontradas
    var playerX = 50;
    var playerY = 50;
    var keysFound = 0;

// Definir las posiciones de las teclas en el juego
    var keyPositions = [
      { x: 100, y: 200 },
      { x: 300, y: 150 },
      { x: 450, y: 300 },
      // Otras posiciones de teclas aquí...
    ];

// Cargar las imágenes de los elementos del juego
    var playerImage = new Image();
    playerImage.src = "ruta/imagen_personaje.png";

var keyImage = new Image();
    keyImage.src = "ruta/imagen_teqa.png";

// Función para dibujar los elementos del juego en el lienzo
    function draw() {
      // Limpiar el lienzo
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar al personaje en su posición actual
      ctx.drawImage(playerImage, playerX, playerY);

// Dibujar las teclas encontradas
      for (var i = 0; i < keysFound; i++) {
        ctx.drawImage(keyImage, 10 + i * 30, 10);
      }
    }

// Función para verificar si el personaje ha encontrado una tecla
    function checkKeyCollision() {
      for (var i = 0; i < keyPositions.length; i++) {
        var key = keyPositions[i];
        if (playerX < key.x + 20 && playerX + 20 > key.x &&
            playerY < key.y + 20 && playerY + 20 > key.y) {
          // El personaje ha encontrado una tecla
          keysFound++;

// Remover la tecla encontrada de la lista de posiciones
          keyPositions.splice(i, 1);
          break;
        }
      }
    }

// Función para manejar el movimiento del personaje según las teclas presionadas
    function handleKeyPress(event) {
      if (event.keyCode === 37) {
        // Tecla izquierda
        playerX -= 10;
      } else if (event.keyCode === 38) {
        // Tecla arriba
        playerY -= 10;
      } else if (event.keyCode === 39) {
        // Tecla derecha
        playerX += 10;
      } else if (event.keyCode === 40) {
        // Tecla abajo
        playerY += 10;
      }

checkKeyCollision(); // Verificar colisión con la tecla
      draw(); // Volver a dibujar los elementos actualizados
    }

// Asignar el evento de manejo de teclas al documento
    document.addEventListener("keydown", handleKeyPress, false);

// Llamar a la función inicial de dibujo
    draw();
  </script>
</body>
</html>
```