A game where you have to collect 10 blocks and run away from a emoji's game

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

No:37643

←

Prev Next

→

A game where you have to collect 10 blocks and run..ALL
Developer User17082｜Date and time 24/1/21 7:43:33
Build time 14.179 sec｜Game capacity 4.258KB｜

Script

Sure, here's an example of a simple game where you collect blocks and run away from an emoji. It's designed for smartphone operation and uses pictograms as graphics.

To play the game, you can copy the above code into a new HTML file and open it in a web browser on your smartphone. Use the arrow keys or swipe gestures (if your smartphone supports it) to move the player and collect the blocks. Avoid colliding with the emoji character. The objective is to collect all 10 blocks without colliding with the emoji.

←

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 where you collect blocks and run away from an emoji. It's designed for smartphone operation and uses pictograms as graphics.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Block Collector</title>
  <style>
    #game-container {
      position: relative;
      width: 100%;
      height: 100vh;
    }
    
    #player {
      position: absolute;
      font-size: 48px;
    }
    
    .block {
      position: absolute;
      font-size: 48px;
    }
    
    .emoji {
      position: absolute;
      font-size: 48px;
    }
  </style>
</head>
<body>
  <div id="game-container"></div>

// Add player and blocks to the game container
    gameContainer.appendChild(player);
    blocks.forEach(function(block) {
      gameContainer.appendChild(block);
    });
    gameContainer.appendChild(emoji);

// Event listeners
    document.addEventListener('keydown', function(event) {
      if (event.key === 'ArrowUp' && !isGameOver) {
        movePlayer(0, -10);
      } else if (event.key === 'ArrowDown' && !isGameOver) {
        movePlayer(0, 10);
      } else if (event.key === 'ArrowLeft' && !isGameOver) {
        movePlayer(-10, 0);
      } else if (event.key === 'ArrowRight' && !isGameOver) {
        movePlayer(10, 0);
      }
      checkCollision();
    });

// Function to create a new entity
    function createEntity(id, symbol, x, y) {
      var entity = document.createElement('div');
      entity.id = id;
      entity.className = 'entity';
      entity.style.left = x + 'px';
      entity.style.top = y + 'px';
      entity.innerHTML = symbol;
      return entity;
    }

// Function to create random blocks
    function createBlocks(numBlocks) {
      var blocks = [];
      for (var i = 0; i < numBlocks; i++) {
        var block = createEntity('block-' + i, '■', getRandomPosition(), getRandomPosition());
        blocks.push(block);
      }
      return blocks;
    }

// Function to get random position within game container
    function getRandomPosition() {
      return Math.floor(Math.random() * (gameContainer.clientWidth - 50));
    }

// Function to move the player
    function movePlayer(x, y) {
      player.style.left = player.offsetLeft + x + 'px';
      player.style.top = player.offsetTop + y + 'px';
    }

// Function to check collision between player and blocks/emoji
    function checkCollision() {
      blocks.forEach(function(block) {
        if (isColliding(player, block)) {
          incrementScore();
          block.remove();
        }
      });

if (isColliding(player, emoji)) {
        gameOver();
      }
    }

// Function to increment score
    function incrementScore() {
      score++;
      scoreElement.innerText = 'Score: ' + score;
      if (score === 10) {
        gameWon();
      }
    }

// Function to check if two entities are colliding
    function isColliding(entity1, entity2) {
      var rect1 = entity1.getBoundingClientRect();
      var rect2 = entity2.getBoundingClientRect();
      return !(
        rect1.top > rect2.bottom ||
        rect1.bottom < rect2.top ||
        rect1.left > rect2.right ||
        rect1.right < rect2.left
      );
    }

// Function to end the game when player collides with emoji
    function gameOver() {
      isGameOver = true;
      alert('Game Over!');
    }

// Function to display victory message when all blocks are collected
    function gameWon() {
      isGameOver = true;
      alert('Congratulations! You won the game!');
    }
  </script>
</body>
</html>
```