The Run. You Are a Penguin, Watch Out for the Walrus and the Polar Bear, Find your Mom and Dad's game

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

No:35384

←

Prev Next

→

The Run. You Are a Penguin, Watch Out for the Walr..ALL
Developer User16498｜Date and time 24/1/14 9:29:08
Build time 19.804 sec｜Game capacity 5.643KB｜

Script

Sure! Here's an example of a simple game where you play as a penguin trying to find your mom and dad while avoiding walruses and polar bears. The game will be played on a smartphone and will use pictograms.

In this game, you control the penguin by swiping on the screen. The goal is to reach your mom and dad while avoiding the walrus and polar bear. Each time you find your mom and dad, your score increases. If you collide with the walrus or polar bear, the game is over and your score is displayed. Please note that this is a simplified example and can be expanded upon to add more features and complexity to the game.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    canvas {
      border: 1px solid #000;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Get the canvas and 2d context
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");
  
    // Draw the game objects on the canvas
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw player
      ctx.fillStyle = "#0000FF";
      ctx.fillRect(
        game.player.x,
        game.player.y,
        game.player.width,
        game.player.height
      );
      
      // Draw mom and dad
      ctx.fillStyle = "#FF0000";
      ctx.fillRect(
        game.momAndDad.x,
        game.momAndDad.y,
        game.momAndDad.width,
        game.momAndDad.height
      );
      
      // Draw walrus
      ctx.fillStyle = "#808080";
      ctx.fillRect(
        game.walrus.x,
        game.walrus.y,
        game.walrus.width,
        game.walrus.height
      );
      
      // Draw polar bear
      ctx.fillStyle = "#FFFFFF";
      ctx.fillRect(
        game.polarBear.x,
        game.polarBear.y,
        game.polarBear.width,
        game.polarBear.height
      );
      
      // Draw score
      ctx.fillStyle = "#000";
      ctx.fillText("Score: " + game.score, 10, 20);
    }
    
    // Handle player movement on touch events
    function handleTouchMove(e) {
      var touch = e.touches[0];
      var touchX = touch.clientX;
      var touchY = touch.clientY;
      
      if (touchX < game.player.x) {
        game.player.x -= game.player.speed;
      } else if (touchX > game.player.x + game.player.width) {
        game.player.x += game.player.speed;
      }
      
      if (touchY < game.player.y) {
        game.player.y -= game.player.speed;
      } else if (touchY > game.player.y + game.player.height) {
        game.player.y += game.player.speed;
      }
    }
    
    // Update game state and check for collisions
    function update() {
      // Update walrus position
      game.walrus.x += game.walrus.speed;
      
      if (game.walrus.x + game.walrus.width > canvas.width || game.walrus.x < 0) {
        game.walrus.speed *= -1;
      }
      
      // Update polar bear position
      game.polarBear.y += game.polarBear.speed;
      
      if (game.polarBear.y + game.polarBear.height > canvas.height || game.polarBear.y < 0) {
        game.polarBear.speed *= -1;
      }
      
      // Check for collisions with walrus
      if (
        game.player.x < game.walrus.x + game.walrus.width &&
        game.player.x + game.player.width > game.walrus.x &&
        game.player.y < game.walrus.y + game.walrus.height &&
        game.player.y + game.player.height > game.walrus.y
      ) {
        gameOver();
      }
      
      // Check for collisions with polar bear
      if (
        game.player.x < game.polarBear.x + game.polarBear.width &&
        game.player.x + game.player.width > game.polarBear.x &&
        game.player.y < game.polarBear.y + game.polarBear.height &&
        game.player.y + game.player.height > game.polarBear.y
      ) {
        gameOver();
      }
      
      // Check if player found mom and dad
      if (
        game.player.x < game.momAndDad.x + game.momAndDad.width &&
        game.player.x + game.player.width > game.momAndDad.x &&
        game.player.y < game.momAndDad.y + game.momAndDad.height &&
        game.player.y + game.player.height > game.momAndDad.y
      ) {
        game.score++;
        resetPositions();
      }
    }
    
    // Reset positions of all game objects
    function resetPositions() {
      game.player.x = 200;
      game.player.y = 200;
      
      game.momAndDad.x = Math.random() * (canvas.width - game.momAndDad.width);
      game.momAndDad.y = Math.random() * (canvas.height - game.momAndDad.height);
      
      game.walrus.x = 100;
      game.walrus.y = 300;
      
      game.polarBear.x = 300;
      game.polarBear.y = 100;
    }
    
    // Game over function
    function gameOver() {
      alert("Game Over! Final Score: " + game.score);
      resetPositions();
      game.score = 0;
    }
    
    // Handle touch events
    canvas.addEventListener("touchmove", handleTouchMove, false);
    
    // Game loop
    function gameLoop() {
      draw();
      update();
      requestAnimationFrame(gameLoop);
    }
    
    // Start the game
    gameLoop();
  </script>
</body>
</html>
```

Please note that this is a simplified example and can be expanded upon to add more features and complexity to the game.