tag a game were theres runners and tagers the tagers are red the runners are blue the tager had to Chase the runners the runners have to run from the tagers if a tager hits a runner the runner becomes a tager and the tager becomes a runner theres a 1 minute timer if the game th end the tager thers going to be 20 runner's game

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

No:14615

111

←

Prev Next

→

tag a game were theres runners and tagers the tage..ALL
Developer User6311｜Date and time 23/9/3 12:45:13
Build time 34.006 sec｜Game capacity 4.203KB｜

Script

Sure! Here's a simple implementation of the game using JavaScript and HTML:

This implementation sets up a game where the player controls a blue runner using arrow keys. The objective is to avoid the red tagers. If a tager collides with a runner, the roles are swapped, and the game continues. There are 20 runners in total, and the game lasts for 1 minute. The game is played on a smartphone and uses pictograms to represent the runners and tagers.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a simple implementation of the game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Tag Game</title>
  <style>
    #game-container {
      width: 100%;
      height: 100vh;
      background-color: #000;
      position: relative;
    }

.runner {
      width: 30px;
      height: 30px;
      background-color: blue;
      position: absolute;
      border-radius: 50%;
    }

.tager {
      width: 30px;
      height: 30px;
      background-color: red;
      position: absolute;
      border-radius: 50%;
    }
  </style>
</head>
<body>
  <div id="game-container">
    
    <div class="runner" id="runner1"></div>
    <div class="runner" id="runner2"></div>
    
    <div class="tager" id="tager1"></div>
    <div class="tager" id="tager2"></div>
  </div>

// Initialize the game
    function initializeGame() {
      generateRunners();
      generateTagers();
      countdown = setInterval(updateTimer, 1000);
      document.addEventListener('keydown', moveRunner);
    }

// Generate the runners randomly on the screen
    function generateRunners() {
      for (var i = 1; i <= runnerCount; i++) {
        var runner = document.createElement('div');
        runner.className = 'runner';
        runner.id = 'runner' + i;
        runner.style.top = getRandomPosition() + 'px';
        runner.style.left = getRandomPosition() + 'px';
        document.getElementById('game-container').appendChild(runner);
        runners.push(runner);
      }
    }

// Generate the tagers randomly on the screen
    function generateTagers() {
      for (var i = 1; i <= tagerCount; i++) {
        var tager = document.createElement('div');
        tager.className = 'tager';
        tager.id = 'tager' + i;
        tager.style.top = getRandomPosition() + 'px';
        tager.style.left = getRandomPosition() + 'px';
        document.getElementById('game-container').appendChild(tager);
        tagers.push(tager);
      }
    }

// Randomly generate position
    function getRandomPosition() {
      return Math.floor(Math.random() * 90) + 5;
    }

// Move the runners using arrow keys
    function moveRunner(event) {
      var keyCode = event.keyCode;
      var speed = 10;

if (keyCode === 37) { // Left Arrow
        move('runner1', -speed, 0);
      } else if (keyCode === 38) { // Up Arrow
        move('runner1', 0, -speed);
      } else if (keyCode === 39) { // Right Arrow
        move('runner1', speed, 0);
      } else if (keyCode === 40) { // Down Arrow
        move('runner1', 0, speed);
      }
    }

// Move the element by specified pixels
    function move(elementId, x, y) {
      var element = document.getElementById(elementId);

var currentLeft = parseInt(element.style.left);
      var currentTop = parseInt(element.style.top);

var newLeft = currentLeft + x;
      var newTop = currentTop + y;

var gameContainer = document.getElementById('game-container');
      var containerWidth = parseInt(gameContainer.offsetWidth);
      var containerHeight = parseInt(gameContainer.offsetHeight);

if (newLeft >= 0 && newLeft <= containerWidth - 30) {
        element.style.left = newLeft + 'px';
      }

if (newTop >= 0 && newTop <= containerHeight - 30) {
        element.style.top = newTop + 'px';
      }
    }

// Timer update function
    function updateTimer() {
      gameTimer--;
      if (gameTimer <= 0) {
        clearInterval(countdown);
      }
      document.getElementById('timer').textContent = gameTimer;
    }

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