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

No:9089

172

←

Prev Next

→

Your a bean you fight other bean using touch and t..ALL
Developer User4296｜Date and time 23/7/21 4:41:16
Build time 41.993 sec｜Game capacity 4.881KB｜

Script

Sure! Here's an example of a simple game where you control a "bean" and fight against other beans using touch controls. The available weapons are a sword, knife, and gun. Please note that this is just a basic implementation to give you an idea, and it can be further enhanced and customized based on your requirements.

Bean Battle Game

Score: 0

In this game, you control the player bean by dragging it using touch on a smartphone. The player bean is represented as a yellow circle. To attack the enemy beans (red circles), you can tap the player bean to use a sword, use a right-click to use a knife, or double-click to use a gun. Each successful hit increases your score by 10 points. Please note that this is a very basic implementation, and you can add more features, animations, sounds, and logic to make it a more engaging game.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Bean Battle Game</title>
  <style>
    #playground {
      width: 400px;
      height: 400px;
      background: #f0f0f0;
      position: relative;
      touch-action: manipulation;
    }
    .bean {
      width: 50px;
      height: 50px;
      background: yellow;
      position: absolute;
      border-radius: 50%;
      cursor: pointer;
      pointer-events: auto;
    }
    .enemy-bean {
      background: red;
    }
    .weapon {
      width: 20px;
      height: 20px;
      position: absolute;
      border-radius: 50%;
      background: gray;
      pointer-events: none;
    }
    #sword {
      background: #6666ff;
    }
    #knife {
      background: #66ff66;
    }
    #gun {
      background: #ff6666;
    }
    #score {
      margin-top: 10px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>Bean Battle Game</h1>
  <div id="playground">
    <div class="bean" id="player"></div>
  </div>
  <div id="score">Score: 0</div>

// Function to create a new weapon
    function createWeapon(type, x, y) {
      var weapon = document.createElement("div");
      weapon.className = "weapon";
      weapon.id = type;
      weapon.style.left = x + "px";
      weapon.style.top = y + "px";
      playground.appendChild(weapon);
      weapons.push(weapon);
    }

// Function to create a new enemy bean
    function createEnemy() {
      var enemy = document.createElement("div");
      enemy.className = "bean enemy-bean";
      enemy.style.left = Math.floor(Math.random() * (playground.offsetWidth - 50)) + "px";
      enemy.style.top = Math.floor(Math.random() * (playground.offsetHeight - 50)) + "px";
      playground.appendChild(enemy);
      enemies.push(enemy);
    }

// Function to handle touch events on the playground
    function handleTouch(event) {
      var touchX = event.touches[0].clientX - playground.offsetLeft - (player.offsetWidth / 2);
      var touchY = event.touches[0].clientY - playground.offsetTop - (player.offsetHeight / 2);
      player.style.left = touchX + "px";
      player.style.top = touchY + "px";
    }

// Function to calculate the distance between two elements
    function calculateDistance(element1, element2) {
      var a = element1.offsetLeft - element2.offsetLeft;
      var b = element1.offsetTop - element2.offsetTop;
      return Math.sqrt(a * a + b * b);
    }

// Function to update the game state
    function updateGame() {
      for (var i = 0; i < weapons.length; i++) {
        for (var j = 0; j < enemies.length; j++) {
          var weapon = weapons[i];
          var enemy = enemies[j];
          if (calculateDistance(weapon, enemy) < 30) {
            playground.removeChild(weapon);
            playground.removeChild(enemy);
            weapons.splice(i, 1);
            enemies.splice(j, 1);
            playerScore += 10;
            score.textContent = "Score: " + playerScore;
            break;
          }
        }
      }
    }

// Function to start the game loop
    function startGame() {
      var createEnemyInterval = setInterval(createEnemy, 2000);
      var updateGameInterval = setInterval(updateGame, 100);

playground.addEventListener("touchmove", handleTouch, false);

player.addEventListener("click", function() {
        createWeapon("sword", player.offsetLeft, player.offsetTop);
      });

playground.addEventListener("contextmenu", function(event) {
        event.preventDefault();
        createWeapon("knife", event.clientX - playground.offsetLeft, event.clientY - playground.offsetTop);
      });

playground.addEventListener("dblclick", function(event) {
        createWeapon("gun", event.clientX - playground.offsetLeft, event.clientY - playground.offsetTop);
      });
    }

startGame();
  </script>
</body>
</html>
```

Please note that this is a very basic implementation, and you can add more features, animations, sounds, and logic to make it a more engaging game.