Emoji meeting other emoji's game

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

No:37500

←

Prev Next

→

Emoji meeting other emoji
Developer User17064｜Date and time 24/1/21 4:38:39
Build time 11.251 sec｜Game capacity 3.19KB｜

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 a yellow emoji character and your goal is to avoid getting caught by a red enemy emoji. Use the arrow keys to move the player emoji around the canvas. If the player emoji collides with the enemy emoji, a game over message will be displayed.

←

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>Emoji Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="300" height="300"></canvas>
  
  <script>
    // Game variables
    var canvas, ctx;
    
    // Emoji objects
    var playerEmoji = {
      x: 150,
      y: 150,
      size: 50,
      color: 'yellow',
      draw: function() {
        ctx.fillStyle = this.color;
        ctx.fillRect(this.x - this.size/2, this.y - this.size/2, this.size, this.size);
      }
    };
    
    var enemyEmoji = {
      x: 50,
      y: 50,
      size: 50,
      color: 'red',
      draw: function() {
        ctx.fillStyle = this.color;
        ctx.fillRect(this.x - this.size/2, this.y - this.size/2, this.size, this.size);
      }
    };
    
    // Game initialization
    function startGame() {
      canvas = document.getElementById('gameCanvas');
      ctx = canvas.getContext('2d');
      
      document.addEventListener('keydown', handleKeyPress);
      
      // Start the game loop
      setInterval(updateGame, 20);
    }
    
    // Game update logic
    function updateGame() {
      // Update player position based on user input
      if (playerEmoji.moveUp) playerEmoji.y -= 2;
      if (playerEmoji.moveDown) playerEmoji.y += 2;
      if (playerEmoji.moveLeft) playerEmoji.x -= 2;
      if (playerEmoji.moveRight) playerEmoji.x += 2;
      
      // Check for collision with enemy
      if (checkCollision(playerEmoji, enemyEmoji)) {
        alert('Game Over! You were caught by the enemy!');
        // Additional game over logic can be added here
      }
      
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw emojis
      playerEmoji.draw();
      enemyEmoji.draw();
    }
    
    // Handle user key press events
    function handleKeyPress(event) {
      if (event.key === 'ArrowUp') playerEmoji.moveUp = true;
      if (event.key === 'ArrowDown') playerEmoji.moveDown = true;
      if (event.key === 'ArrowLeft') playerEmoji.moveLeft = true;
      if (event.key === 'ArrowRight') playerEmoji.moveRight = true;
    }
    
    // Handle user key release events
    document.addEventListener('keyup', function(event) {
      if (event.key === 'ArrowUp') playerEmoji.moveUp = false;
      if (event.key === 'ArrowDown') playerEmoji.moveDown = false;
      if (event.key === 'ArrowLeft') playerEmoji.moveLeft = false;
      if (event.key === 'ArrowRight') playerEmoji.moveRight = false;
    });
    
    // Check if there is a collision between two emojis
    function checkCollision(emoji1, emoji2) {
      return Math.abs(emoji1.x - emoji2.x) < (emoji1.size + emoji2.size)/2 &&
             Math.abs(emoji1.y - emoji2.y) < (emoji1.size + emoji2.size)/2;
    }
    
    // Start the game
    startGame();
  </script>
</body>
</html>
```