AI game creator

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

No:40840

←

Prev Next

→

Gorilla tag
Developer User18278｜Date and time 24/2/4 8:50:57
Build time 14.18 sec｜Game capacity 5.054KB｜

Script

Sure, I can help you create a simple game called "Gorilla Tag" using HTML and JavaScript. Here's an example implementation:

Please note that this implementation uses pictograms as placeholders, so you might want to replace them with appropriate images or game elements as per your requirements. Additionally, the user interaction for controlling the gorilla's movement is not yet implemented and needs to be added based on your desired smartphone operation. Feel free to modify the code and enhance the game further based on your preferences.

←

Prev　Next

→ 　

Back　

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

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

Sure, I can help you create a simple game called "Gorilla Tag" using HTML and JavaScript. Here's an example implementation:

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

// Pictograms as placeholders
      const gorillaImage = "🦍";
      const bananaImage = "🍌";

// Game variables
      let gameState = gameStates.START;
      let score = 0;

// Game objects
      let gorilla = {
        x: 200,
        y: 200,
        size: 50,
      };
      let bananas = [];

// Handle touch/click events
      document.addEventListener("mousedown", handleTap);

// Game loop
      function gameLoop() {
        clearCanvas();

if (gameState === gameStates.START) {
          displayStartScreen();
        } else if (gameState === gameStates.PLAYING) {
          updateGame();
          drawGorilla();
          drawBananas();
          displayScore();
        } else if (gameState === gameStates.GAME_OVER) {
          displayGameOverScreen();
        }

requestAnimationFrame(gameLoop);
      }

// Start the game loop
      gameLoop();

// Event handler for touch/click events
      function handleTap(e) {
        if (gameState === gameStates.START) {
          startGame();
        } else if (gameState === gameStates.GAME_OVER) {
          resetGame();
        } else {
          throwBanana();
        }
      }

// Starts the game
      function startGame() {
        gameState = gameStates.PLAYING;
      }

// Resets the game
      function resetGame() {
        gameState = gameStates.START;
        score = 0;
        gorilla.x = 200;
        gorilla.y = 200;
        bananas = [];
      }

// Updates game state
      function updateGame() {
        moveGorilla();
        moveBananas();
        checkCollision();
      }

// Clears the canvas
      function clearCanvas() {
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        ctx.clearRect(0, 0, canvas.width, canvas.height);
      }

// Moves the gorilla based on user input
      function moveGorilla() {
        // Update the gorilla's position based on touch/click event
      }

// Draws the gorilla on the canvas
      function drawGorilla() {
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        ctx.font = `${gorilla.size}px sans-serif`;
        ctx.fillText(gorillaImage, gorilla.x, gorilla.y);
      }

// Throws a banana
      function throwBanana() {
        // Create a new banana object and add it to the bananas array
      }

// Moves the bananas
      function moveBananas() {
        // Update position of each banana in the bananas array
      }

// Detects collision between gorilla and bananas
      function checkCollision() {
        // Check if any banana collides with the gorilla
        // If collision occurs, increment the score and remove the banana
      }

// Draws the bananas on the canvas
      function drawBananas() {
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

bananas.forEach((banana) => {
          ctx.font = `${banana.size}px sans-serif`;
          ctx.fillText(bananaImage, banana.x, banana.y);
        });
      }

// Displays the start screen
      function displayStartScreen() {
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        ctx.font = "20px sans-serif";
        ctx.fillText("Tap to start the game", 100, 200);
      }

// Displays the game over screen
      function displayGameOverScreen() {
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        ctx.font = "20px sans-serif";
        ctx.fillText("Game Over", 160, 200);
        ctx.fillText(`Score: ${score}`, 180, 230);
        ctx.fillText("Tap to play again", 140, 260);
      }

// Displays the score on the canvas
      function displayScore() {
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        ctx.font = "16px sans-serif";
        ctx.fillText(`Score: ${score}`, 10, 20);
      }
    </script>
  </body>
</html>
```

Feel free to modify the code and enhance the game further based on your preferences.