A game where you're in a beach setting and it's first person, you have a sword and there's a volcano at the end of the beach, creatures called wagapoos come out of it, they're like giant snails but their eyes are on their shell and they shoot acid, you find dynamite somewhere on the map and blow up the volcano and defeat all the wagapoos so no more can spawn's game

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

No:19987

106

←

Prev Next

→

A game where you're in a beach setting and it's fi..ALL
Developer User8904｜Date and time 23/10/7 18:19:54
Build time 49.652 sec｜Game capacity 8.08KB｜

Script

Sure, I can provide you with a basic implementation for the game you described. However, please note that the below code is a simplified version and may not include advanced features or extensive gameplay mechanics. You can further enhance it based on your requirements.

To play the game, copy all the code above and save it as an HTML file (e.g., `beach_game.html`). Then, open the file in a web browser and you'll be able to control the player using the left and right arrow keys. Use the spacebar to shoot bullets. The objective is to reach the volcano at the end of the beach, defeat all the wagapoos by hitting them with your sword or bullets, and destroy the volcano. Enjoy the game!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Beach Adventure</title>
  <style>
    #game-container {
      width: 100%;
      height: 400px;
      background-color: skyblue;
      position: relative;
    }
    #player {
      width: 40px;
      height: 40px;
      background-color: black;
      position: absolute;
      bottom: 0;
      left: 0;
    }
    #sword {
      width: 10px;
      height: 60px;
      background-color: silver;
      position: absolute;
      bottom: 40px;
      left: 15px;
    }
    #volcano {
      width: 100px;
      height: 100px;
      background-color: orange;
      position: absolute;
      bottom: 0;
      right: 0;
    }
    .wagapoo {
      width: 60px;
      height: 60px;
      background-color: brown;
      position: absolute;
      bottom: 0;
      right: 20px;
    }
    .bullet {
      width: 10px;
      height: 10px;
      background-color: red;
      position: absolute;
    }
    #explosion {
      width: 100px;
      height: 100px;
      background-color: yellow;
      position: absolute;
      bottom: 0;
      right: 0;
      opacity: 0;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player"></div>
    <div id="sword"></div>
    <div id="volcano"></div>
    <div id="explosion"></div>
  </div>

// Player Variables
    var playerX = 0;
    var playerY = 0;
    var playerSpeed = 5;

// Sword Variables
    var swordX = 15;
    var swordY = 40;

// Wagapoo Variables
    var wagapooCount = 5;
    var wagapooSpeed = 3;

// Bullet Variables
    var bulletSpeed = 5;

// Explosion Variables
    var explosionDuration = 1000;

// Key States
    var keyLeft = false;
    var keyRight = false;
    var keySpace = false;

// Event Listeners
    document.addEventListener('keydown', function(event) {
      if (event.keyCode == 37) { // Left Arrow
        keyLeft = true;
      }
      if (event.keyCode == 39) { // Right Arrow
        keyRight = true;
      }
      if (event.keyCode == 32) { // Spacebar
        keySpace = true;
      }
    });

// Game Initialization
    function init() {
      player = document.getElementById('player');
      sword = document.getElementById('sword');
      volcano = document.getElementById('volcano');
      explosion = document.getElementById('explosion');

for (var i = 0; i < wagapooCount; i++) {
        createWagapoo();
      }

setInterval(update, 20);  // Start game loop
    }

// Update Function (Game Loop)
    function update() {
      movePlayer();
      moveWagapoos();
      moveBullet();
      checkCollision();
    }

// Player Movement
    function movePlayer() {
      if (keyLeft && playerX > 0) {
        playerX -= playerSpeed;
      }
      if (keyRight && playerX < document.documentElement.clientWidth - player.offsetWidth) {
        playerX += playerSpeed;
      }

player.style.left = playerX + 'px';
      sword.style.left = playerX + swordX + 'px';
    }

// Wagapoo Movement
    function moveWagapoos() {
      for (var i = 0; i < wagapoos.length; i++) {
        var wagapoo = wagapoos[i];
        wagapoo.style.bottom = parseInt(wagapoo.style.bottom) + wagapooSpeed + 'px';

if (parseInt(wagapoo.style.bottom) > document.documentElement.clientHeight) {
          deleteWagapoo(wagapoo);
        }
      }
    }

// Bullet Movement
    function moveBullet() {
      for (var i = 0; i < bullets.length; i++) {
        var bullet = bullets[i];
        bullet.style.bottom = parseInt(bullet.style.bottom) + bulletSpeed + 'px';

if (parseInt(bullet.style.bottom) > document.documentElement.clientHeight - 10) {
          document.getElementById('game-container').removeChild(bullet);
          bullets.splice(i, 1);
          i--;
        }
      }
    }

// Create Wagapoo
    function createWagapoo() {
      var wagapoo = document.createElement('div');
      wagapoo.className = 'wagapoo';
      wagapoo.style.left = getRandomPosition() + 'px';
      document.getElementById('game-container').appendChild(wagapoo);
      wagapoos.push(wagapoo);
    }

// Delete Wagapoo
    function deleteWagapoo(wagapoo) {
      document.getElementById('game-container').removeChild(wagapoo);
      wagapoos.splice(wagapoos.indexOf(wagapoo), 1);

if (wagapoos.length === 0) {
        victory();
      }
    }

// Create Bullet
    function createBullet() {
      var bullet = document.createElement('div');
      bullet.className = 'bullet';
      bullet.style.left = (playerX + 15) + 'px';
      bullet.style.bottom = '40px';
      document.getElementById('game-container').appendChild(bullet);
      bullets.push(bullet);
    }

// Collision Detection
    function checkCollision() {
      for (var i = 0; i < wagapoos.length; i++) {
        var wagapoo = wagapoos[i];

// Check if sword hits wagapoo
        if (
          playerX + swordX > parseInt(wagapoo.style.left) && 
          playerX + swordX < parseInt(wagapoo.style.left) + parseInt(wagapoo.offsetWidth) &&
          getPlayerBottom() < parseInt(wagapoo.style.bottom) + parseInt(wagapoo.offsetHeight)
        ) {
          deleteWagapoo(wagapoo);
        }

// Check if bullet hits wagapoo
        for (var j = 0; j < bullets.length; j++) {
          var bullet = bullets[j];

if (
            parseInt(bullet.style.left) > parseInt(wagapoo.style.left) && 
            parseInt(bullet.style.left) < parseInt(wagapoo.style.left) + parseInt(wagapoo.offsetWidth) &&
            parseInt(bullet.style.bottom) > parseInt(wagapoo.style.bottom) &&
            parseInt(bullet.style.bottom) < parseInt(wagapoo.style.bottom) + parseInt(wagapoo.offsetHeight)
          ) {
            deleteWagapoo(wagapoo);
            bullets.splice(j, 1);
            j--;
          }
        }
      }

// Check if player reaches the volcano
      if (
        playerX + swordX > document.documentElement.clientWidth - volcano.offsetWidth &&
        getPlayerBottom() < volcano.offsetHeight
      ) {
        gameOver();
      }
    }

// Game Over
    function gameOver() {
      alert('Game Over');
      location.reload();
    }

// Victory
    function victory() {
      volcano.style.backgroundColor = 'black';
      explosion.style.opacity = 1;
      setTimeout(function() {
        alert('Congratulations! You destroyed the volcano and defeated all the wagapoos!');
        location.reload();
      }, explosionDuration);
    }

// Helper function to get player bottom position
    function getPlayerBottom() {
      return playerY + player.offsetHeight;
    }

// Helper function to get random x position
    function getRandomPosition() {
      var minX = document.documentElement.clientWidth - 100;
      var maxX = document.documentElement.clientWidth - 60;
      return Math.floor(Math.random() * (maxX - minX + 1)) + minX;
    }

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