AI game creator

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

No:16598

←

Prev Next

→

Huggy wuggy chase
Developer User7388｜Date and time 23/9/19 18:05:46
Build time 27.773 sec｜Game capacity 2.896KB｜

Script

Sure! Here's a sample implementation of the "Huggy Wuggy Chase" game in a single HTML file using JavaScript:

This code sets up a simple game where the player (represented by a blue rectangle) chases and "catches" the Huggy character (represented by a red rectangle) by moving left and right using the arrow keys. The game keeps track of the score and updates the position of Huggy as the game progresses. Feel free to modify and enhance the game further as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a sample implementation of the "Huggy Wuggy Chase" game in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Huggy Wuggy Chase</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>
    
    <script>
      // GAME CODE STARTS HERE
      window.onload = function() {
        // Game variables
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");
        
        var playerX = canvas.width / 2;
        var playerY = canvas.height - 50;
        var playerSize = 50;
        var huggyX = Math.random() * canvas.width;
        var huggyY = 0;
        var huggySize = 50;
        var score = 0;
        var gameSpeed = 2;
        
        // Utility functions
        function drawPlayer() {
          ctx.fillStyle = "blue";
          ctx.fillRect(playerX, playerY, playerSize, playerSize);
        }
        
        function drawHuggy() {
          ctx.fillStyle = "red";
          ctx.fillRect(huggyX, huggyY, huggySize, huggySize);
        }
        
        function drawScore() {
          ctx.font = "16px Arial";
          ctx.fillStyle = "black";
          ctx.fillText("Score: " + score, 10, 20);
        }
        
        function collisionDetection() {
          if (playerX < huggyX + huggySize &&
              playerX + playerSize > huggyX &&
              playerY < huggyY + huggySize &&
              playerY + playerSize > huggyY) {
            // Collision detected
            score++;
            resetHuggy();
          }
        }
        
        function resetHuggy() {
          huggyX = Math.random() * canvas.width;
          huggyY = 0;
        }
        
        function updateGame() {
          ctx.clearRect(0, 0, canvas.width, canvas.height);
          
          drawPlayer();
          drawHuggy();
          drawScore();
          collisionDetection();
          
          huggyY += gameSpeed;
          
          requestAnimationFrame(updateGame);
        }
        
        // Event listeners
        document.addEventListener("keydown", function(event) {
          // Move player left
          if (event.keyCode == 37) {
            playerX -= 10;
          }
          // Move player right
          else if (event.keyCode == 39) {
            playerX += 10;
          }
        });
        
        // Start the game loop
        updateGame();
      }
      // GAME CODE ENDS HERE
    </script>
  </body>
</html>
```

Feel free to modify and enhance the game further as per your requirements.