VIRUS COLLECTER (blue cube player) (green cube virus emeny) (control player) (virus moves towards player) (green effects)'s game

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

No:21503

←

Prev Next

→

VIRUS COLLECTER (blue cube player) (green cube vir..ALL
Developer User9819｜Date and time 23/10/15 23:36:48
Build time 73.966 sec｜Game capacity 2.958KB｜

Script

Sure! Here's a simple game called "Virus Collector" implemented as a single HTML file:

This game features a blue cube player (controlled by arrow keys on a smartphone) and a green cube virus enemy that moves towards the player. The aim of the game is to avoid collision with the virus. When a collision occurs, an alert message saying "Game Over!" is shown. Feel free to save this code in a single HTML file and open it in a smartphone browser to play the game.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game called "Virus Collector" implemented as a single HTML file:

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Virus Collector</title>
  <style>
    #player {
      width: 50px;
      height: 50px;
      background-color: blue;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

#virus {
      width: 50px;
      height: 50px;
      background-color: green;
      position: absolute;
      top: 0;
      left: 0;
    }
  </style>
</head>
<body>
  <div id="player"></div>
  <div id="virus"></div>

let playerX = 50;
      let playerY = 50;
      let virusX = 0;
      let virusY = 0;

function updatePlayerPosition() {
        player.style.transform = `translate(${playerX}px, ${playerY}px)`;
      }

function updateVirusPosition() {
        const dx = playerX - virusX;
        const dy = playerY - virusY;
        const angle = Math.atan2(dy, dx);
        const speed = 2;
        const vx = Math.cos(angle) * speed;
        const vy = Math.sin(angle) * speed;
        virusX += vx;
        virusY += vy;

virus.style.transform = `translate(${virusX}px, ${virusY}px)`;
      }

function checkCollision() {
        const playerRect = player.getBoundingClientRect();
        const virusRect = virus.getBoundingClientRect();

if (
          playerRect.left < virusRect.right &&
          playerRect.right > virusRect.left &&
          playerRect.top < virusRect.bottom &&
          playerRect.bottom > virusRect.top
        ) {
          // Collision detected! Virus collected!
          alert("Game Over!");
        }
      }

function updateGame() {
        updatePlayerPosition();
        updateVirusPosition();
        checkCollision();

requestAnimationFrame(updateGame);
      }

document.addEventListener('keydown', function(event) {
        const key = event.key;

if (key === 'ArrowUp') {
          playerY -= 10;
        } else if (key === 'ArrowDown') {
          playerY += 10;
        } else if (key === 'ArrowLeft') {
          playerX -= 10;
        } else if (key === 'ArrowRight') {
          playerX += 10;
        }

event.preventDefault();
      });

updateGame();
    });
  </script>
</body>
</html>
```

Feel free to save this code in a single HTML file and open it in a smartphone browser to play the game.