You're like in resident evil you are the Blue Square the zombies are red they will come towards you slowly you can shoot them with the l button which is on the right and you have a joystick to move and there's a hundred at the end if you k○ll them all you win's game

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

No:35838

126

←

Prev Next

→

You're like in resident evil you are the Blue Squa..ALL
Developer User16468｜Date and time 24/1/15 14:28:00
Build time 18.177 sec｜Game capacity 5.121KB｜

Script

Sure! Here's the implementation of the game you described using HTML and JavaScript. The game will display the player as a blue square and the zombies as red squares. You can control the player using a virtual joystick and shoot the zombies by pressing the "L" button on the right.

To play the game, save the code in a file with a .html extension and open it in a web browser. The game will run and you can control the player, shoot the zombies, and win the game by eliminating all of them.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      #game-container {
        width: 400px;
        height: 400px;
        position: relative;
        border: 1px solid black;
      }

.player {
        width: 30px;
        height: 30px;
        position: absolute;
        background-color: blue;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transform: translate(-50%, -50%);
      }

.zombie {
        width: 20px;
        height: 20px;
        position: absolute;
        background-color: red;
        border-radius: 50%;
      }

#joystick {
        width: 60px;
        height: 60px;
        background-color: lightgray;
        border-radius: 50%;
        position: absolute;
        bottom: 20px;
        right: 20px;
      }

#fire-button {
        width: 60px;
        height: 60px;
        background-color: lightgray;
        border-radius: 50%;
        position: absolute;
        bottom: 100px;
        right: 20px;
      }
    </style>

let playerX = 200;
        let playerY = 200;
        let zombies = [];

function updatePlayerPosition(x, y) {
          playerX += x;
          playerY += y;
          document.getElementById("player").style.left = playerX + "px";
          document.getElementById("player").style.top = playerY + "px";
        }

function createZombies() {
          for (let i = 0; i < 100; i++) {
            const zombie = document.createElement("div");
            zombie.className = "zombie";
            zombie.style.top = Math.floor(Math.random() * 400) + "px";
            zombie.style.left = Math.floor(Math.random() * 400) + "px";
            gameContainer.appendChild(zombie);
            zombies.push(zombie);
          }
        }

function handleCollision() {
          const player = document.getElementById("player");
          const playerRect = player.getBoundingClientRect();

zombies.forEach(zombie => {
            const zombieRect = zombie.getBoundingClientRect();
            if (
              playerRect.left < zombieRect.right &&
              playerRect.right > zombieRect.left &&
              playerRect.top < zombieRect.bottom &&
              playerRect.bottom > zombieRect.top
            ) {
              alert("Game over!");
            }
          });
        }

function init() {
          createZombies();

joystick.addEventListener("mousedown", function(e) {
            e.preventDefault();

const initialX = e.clientX;
            const initialY = e.clientY;

const handleMouseMove = function(e) {
              e.preventDefault();

const deltaX = e.clientX - initialX;
              const deltaY = e.clientY - initialY;

const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
              const angle = Math.atan2(deltaY, deltaX);

if (distance < 30) {
                return;
              }

const boundedDeltaX = Math.cos(angle) * 30;
              const boundedDeltaY = Math.sin(angle) * 30;

updatePlayerPosition(boundedDeltaX, boundedDeltaY);
              handleCollision();

initialX = e.clientX - boundedDeltaX;
              initialY = e.clientY - boundedDeltaY;
            };

const handleMouseUp = function() {
              document.removeEventListener("mousemove", handleMouseMove);
              document.removeEventListener("mouseup", handleMouseUp);
            };

document.addEventListener("mousemove", handleMouseMove);
            document.addEventListener("mouseup", handleMouseUp);
          });

fireButton.addEventListener("click", function() {
            zombies.forEach(zombie => removeZombie(zombie));
          });
        }

init();
      });
    </script>
  </head>
  <body>
    <div id="game-container">
      <div id="player" class="player"></div>
    </div>
    <div id="joystick"></div>
    <div id="fire-button">L</div>
  </body>
</html>
```