AI game creator

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

No:36576

←

Prev Next

→

Survive The Forest
Developer User16822｜Date and time 24/1/17 23:39:13
Build time 13.244 sec｜Game capacity 2.164KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Sobrevive al bosque</title>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Ejecución principal del juego
    window.onload = function() {
      canvas = document.getElementById("gameCanvas");
      canvasContext = canvas.getContext("2d");
      
      // Iniciar el bucle del juego
      setInterval(updateGame, 1000/30); // 30 FPS
    };

// Actualización del juego
    function updateGame() {
      movePlayer();
      drawGame();
    }

// Movimiento del jugador
    function movePlayer() {
      playerX += playerSpeedX;
      playerY += playerSpeedY;

// Detectar colisión con los bordes del canvas
      if (playerX < 0 || playerX > canvas.width) {
        playerSpeedX *= -1;
      }
      if (playerY < 0 || playerY > canvas.height) {
        playerSpeedY *= -1;
      }

// Detectar colisión con obstáculos (pictogramas)
      // Aquí tendrías que definir los obstáculos y sus posiciones
      // y comprobar si el jugador colisiona con alguno de ellos.
      // Si colisiona, podrías terminar el juego con un mensaje de derrota.
    }

// Dibujo del juego
    function drawGame() {
      // Fondo
      colorRect(0, 0, canvas.width, canvas.height, "#8fbc8f"); // Verde bosque
      
      // Jugador (pictograma de un personaje)
      colorCircle(playerX, playerY, 20, "black"); // Personaje negro

// Obstáculos (pictogramas)
      // Aquí podrías dibujar los obstáculos en el canvas, como árboles, rocas, etc.
    }

// Métodos auxiliares de dibujo
    function colorRect(leftX, topY, width, height, color) {
      canvasContext.fillStyle = color;
      canvasContext.fillRect(leftX, topY, width, height);
    }

function colorCircle(centerX, centerY, radius, color) {
      canvasContext.fillStyle = color;
      canvasContext.beginPath();
      canvasContext.arc(centerX, centerY, radius, 0, Math.PI*2, true);
      canvasContext.fill();
    }

</script>
</body>
</html>