AI game creator

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

No:25102

250

←

Prev Next

→

Brooklyn 99
Developer User11201｜Date and time 23/11/17 16:26:15
Build time 69.436 sec｜Game capacity 3.113KB｜

Script

Sure, here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed in script tags:

In this game, you control the "Brooklyn 99" pictogram using the arrow keys on your smartphone. The objective is to avoid colliding with the enemy pictogram. When a collision occurs, the game ends and you are shown your final score. Please note that you need to have `emozi_himawari.png` image file in the same directory as this HTML file for the pictogram to be displayed. Feel free to replace it with any other relevant pictograms you have.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure, here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Brooklyn 99 Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Define game variables
    let score = 0;
    let gameEnded = false;

// Load pictogram images
    const brooklyn99Icon = new Image();
    brooklyn99Icon.src = "brooklyn99.png";

// Create player object
    const player = {
      x: 200, // Initial position
      y: 200,
      width: 50,
      height: 50,
      speed: 5,
      image: brooklyn99Icon // Pictogram image
    };

// Create enemy object
    const enemy = {
      x: Math.random() * canvas.width,
      y: Math.random() * canvas.height,
      width: 50,
      height: 50,
      speed: 2,
      image: brooklyn99Icon // Pictogram image
    };

// Move player based on user input
    function movePlayer(event) {
      if (event.key === "ArrowUp" && player.y > 0) {
        player.y -= player.speed;
      } else if (event.key === "ArrowDown" && player.y < canvas.height - player.height) {
        player.y += player.speed;
      } else if (event.key === "ArrowLeft" && player.x > 0) {
        player.x -= player.speed;
      } else if (event.key === "ArrowRight" && player.x < canvas.width - player.width) {
        player.x += player.speed;
      }
    }

// Check collision between player and enemy
    function checkCollision() {
      if (
        player.x < enemy.x + enemy.width &&
        player.x + player.width > enemy.x &&
        player.y < enemy.y + enemy.height &&
        player.y + player.height > enemy.y
      ) {
        gameEnded = true;
      }
    }

// Update game state
    function update() {
      if (!gameEnded) {
        context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
        context.drawImage(player.image, player.x, player.y, player.width, player.height);

// Draw enemy
        context.drawImage(enemy.image, enemy.x, enemy.y, enemy.width, enemy.height);

checkCollision();

requestAnimationFrame(update);
      } else {
        // Game over
        alert("Game Over! Your score: " + score);
      }
    }

// Start the game
    function startGame() {
      // Add event listener for player movement
      document.addEventListener("keydown", movePlayer);

// Start game loop
      update();
    }

// Start the game
    startGame();
  </script>
</body>
</html>
```

Please note that you need to have `brooklyn99.png` image file in the same directory as this HTML file for the pictogram to be displayed. Feel free to replace it with any other relevant pictograms you have.