Screwy Squirrel and Racky Raccon Runs Away From A Lazy Dog's game

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

No:29967

←

Prev Next

→

Screwy Squirrel and Racky Raccon Runs Away From A ..ALL
Developer User14673｜Date and time 23/12/20 3:25:19
Build time 21.22 sec｜Game capacity 3.86KB｜

Script

Como programador, puedo ayudarte a crear un juego llamado "Screwy Squirrel and Racky Raccoon se escapan de un perro perezoso". Aquí tienes una implementación básica del juego en un solo archivo HTML:

Este código crea un juego básico en el que puedes controlar una ardilla y un mapache usando las teclas de flechas y las teclas W, A, S, D. El objetivo es evitar al perro perezoso controlado por la computadora. Los personajes se muestran como pictogramas y se dibujan en un lienzo HTML utilizando el contexto 2D. Por supuesto, deberás reemplazar `"emozi_bear.png"`, `"emozi_chicken.png"`, y `"emozi_all/dog.png"` con las rutas a tus propias imágenes de pictogramas de los personajes. Espero que esto te ayude a empezar con tu juego. ¡Diviértete programando!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Screwy Squirrel y Racky Raccoon escapan de un perro perezoso</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="300"></canvas>

// Pictogramas de los personajes (squirrel: ardilla, raccoon: mapache, dog: perro)
    const squirrelImg = new Image();
    squirrelImg.src = "squirrel.png";

const raccoonImg = new Image();
    raccoonImg.src = "raccoon.png";

const dogImg = new Image();
    dogImg.src = "dog.png";

// Posición inicial de los personajes
    let squirrelX = 50;
    let squirrelY = 150;

let raccoonX = 350;
    let raccoonY = 150;

let dogX = 200;
    let dogY = 100;

// Control de movimiento mediante botones en pantalla
    function moveSquirrel(dir) {
      if (dir === "left" && squirrelX > 0) {
        squirrelX -= 10;
      } else if (dir === "right" && squirrelX < canvas.width - 50) {
        squirrelX += 10;
      } else if (dir === "up" && squirrelY > 0) {
        squirrelY -= 10;
      } else if (dir === "down" && squirrelY < canvas.height - 50) {
        squirrelY += 10;
      }
    }

// Dibujar los personajes en el lienzo
    function drawCharacters() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.drawImage(squirrelImg, squirrelX, squirrelY, 50, 50);
      ctx.drawImage(raccoonImg, raccoonX, raccoonY, 50, 50);
      ctx.drawImage(dogImg, dogX, dogY, 50, 50);

requestAnimationFrame(drawCharacters);
    }

// Iniciar el juego
    function startGame() {
      document.addEventListener("keydown", handleKeyPress);

drawCharacters();
    }

// Manejar las teclas presionadas para mover a los personajes
    function handleKeyPress(event) {
      switch (event.key) {
        case "ArrowUp":
          moveSquirrel("up");
          break;
        case "ArrowDown":
          moveSquirrel("down");
          break;
        case "ArrowLeft":
          moveSquirrel("left");
          break;
        case "ArrowRight":
          moveSquirrel("right");
          break;
        case "w":
          moveRaccoon("up");
          break;
        case "s":
          moveRaccoon("down");
          break;
        case "a":
          moveRaccoon("left");
          break;
        case "d":
          moveRaccoon("right");
          break;
      }
    }

// Cargar las imágenes de los personajes antes de iniciar el juego
    squirrelImg.onload = function () {
      raccoonImg.onload = function () {
        dogImg.onload = function () {
          startGame();
        };
      };
    };
  </script>
</body>
</html>
```

Por supuesto, deberás reemplazar `"squirrel.png"`, `"raccoon.png"`, y `"dog.png"` con las rutas a tus propias imágenes de pictogramas de los personajes.

Espero que esto te ayude a empezar con tu juego. ¡Diviértete programando!