A game like snake and you move around and get appple's game

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

No:21420

←

Prev Next

→

A game like snake and you move around and get appp..ALL
Developer User9812｜Date and time 23/10/15 10:51:34
Build time 78.029 sec｜Game capacity 2.932KB｜

Script

Sure! Here's an example of a simple game similar to Snake where you can control a character and collect apples. The game is implemented in a single HTML file using JavaScript and pictograms as visuals.

🐍

🍎

To play the game, open the HTML file in a web browser (preferably on your smartphone) and use the arrow keys to control the snake emoji character. The goal is to collect as many apples (🍎) as possible, and each collected apple will increase your score displayed on the screen. Have fun playing!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #game-container {
      width: 200px;
      height: 200px;
      border: 1px solid black;
      position: relative;
    }
    .character {
      position: absolute;
      font-size: 24px;
    }
    .apple {
      position: absolute;
      font-size: 24px;
      color: red;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="character" class="character">🐍</div>
    <div id="apple" class="apple">🍎</div>
  </div>

// Function to move the character
    function moveCharacter(event) {
      var keyPressed = event.key.toLowerCase();
      var characterSize = 20;
      var gameContainerSize = 200;

if (keyPressed === 'arrowup' && characterY > 0) {
        characterY -= characterSize;
      } else if (keyPressed === 'arrowdown' && characterY < gameContainerSize - characterSize) {
        characterY += characterSize;
      } else if (keyPressed === 'arrowleft' && characterX > 0) {
        characterX -= characterSize;
      } else if (keyPressed === 'arrowright' && characterX < gameContainerSize - characterSize) {
        characterX += characterSize;
      }

character.style.top = characterY + 'px';
      character.style.left = characterX + 'px';

// Check if the character collected the apple
      if (characterX === parseInt(apple.style.left) && characterY === parseInt(apple.style.top)) {
        score++;
        document.getElementById('score').textContent = score;
        generateRandomApplePosition();
      }
    }

// Function to generate random apple position
    function generateRandomApplePosition() {
      var maxPosition = 180; // Maximum position based on game container and apple size
      var randomX = Math.floor(Math.random() * maxPosition / 20) * 20;
      var randomY = Math.floor(Math.random() * maxPosition / 20) * 20;

apple.style.top = randomY + 'px';
      apple.style.left = randomX + 'px';
    }

// Start the game
    function startGame() {
      gameContainer.addEventListener('keydown', moveCharacter);
      generateRandomApplePosition();
    }
    startGame();
  </script>
</body>
</html>
```