A game where you go right or left to evade incoming beams's game

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

No:10850

116

←

Prev Next

→

A game where you go right or left to evade incomin..ALL
Developer User4689｜Date and time 23/8/4 16:21:49
Build time 29.652 sec｜Game capacity 4.235KB｜

Script

Sure! Here's an example of a game where you have to evade incoming beams by moving right or left. It uses pictograms and can be played on a smartphone.

Score: 0

To play the game, you can copy the above code and save it in a file with an HTML extension (e.g., `game.html`). Then, you can open the file using a web browser on your smartphone, and the game should be playable. Use the left and right arrow keys on your smartphone's keyboard or touch gestures to move the player and evade the incoming beams. The goal is to avoid colliding with the beams for as long as possible while earning points.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's an example of a game where you have to evade incoming beams by moving right or left. It uses pictograms and can be played on a smartphone.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Beam Evader</title>
  <style>
    body {
      padding: 0;
      margin: 0;
      overflow: hidden;
      background-color: #222;
    }
    
    #gameCanvas {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background-color: #ddd;
    }
    
    .player {
      position: absolute;
      width: 40px;
      height: 40px;
      background-color: #FFC300;
      bottom: 0;
    }
    
    .beam {
      position: absolute;
      width: 10px;
      height: 40px;
      background-color: #FF5733;
    }
    
    .score {
      position: absolute;
      top: 20px;
      left: 20px;
      color: #fff;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <div id="gameCanvas">
    <div class="player"></div>
    <div class="score">Score: 0</div>
  </div>

// Game variables
      var score = 0;
      var beamSpeed = 2;
      var beamInterval = 2000; // Spawn new beam every 2 seconds
      var beamTimer;

// Function to move the player
      function movePlayer(direction) {
        var currentPosition = parseInt(player.style.left) || 0;
        var newPosition;

if (direction === "left") {
          newPosition = currentPosition - 20;
        } else if (direction === "right") {
          newPosition = currentPosition + 20;
        }

if (newPosition >= 0 && newPosition <= gameCanvas.clientWidth - player.clientWidth) {
          player.style.left = newPosition + "px";
        }
      }

// Function to create a new beam
      function createBeam() {
        var beam = document.createElement('div');
        beam.className = 'beam';
        beam.style.left = Math.random() * (gameCanvas.clientWidth - 10 - beam.clientWidth) + "px";
        gameCanvas.appendChild(beam);

// Animate beam movement
        var beamAnimation = setInterval(function() {
          var beamTop = parseInt(beam.style.top) || 0;
          beam.style.top = beamTop + beamSpeed + "px";

// Check for collision with player
          if (beamTop + beam.clientHeight >= player.offsetTop && beamTop <= player.offsetTop + player.clientHeight &&
              player.offsetLeft + player.clientWidth >= beam.offsetLeft && player.offsetLeft <= beam.offsetLeft + beam.clientWidth) {
            // Game over
            clearInterval(beamAnimation);
            clearInterval(beamTimer);
            alert("Game Over! Your score: " + score);
            location.reload();
          }

// Remove beam when it goes offscreen
          if (beamTop > gameCanvas.clientHeight) {
            gameCanvas.removeChild(beam);
            score++;
            scoreLabel.textContent = "Score: " + score;
            clearInterval(beamAnimation);
          }
        }, 10);
      }

// Function to start the game
      function startGame() {
        beamTimer = setInterval(createBeam, beamInterval);

// Event listeners for player movement
        document.addEventListener('keydown', function(event) {
          if (event.code === 'ArrowLeft') {
            movePlayer("left");
          } else if (event.code === 'ArrowRight') {
            movePlayer("right");
          }
        });
      }

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