Make a game where you destroy water melons with different weapons's game

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

No:25720

←

Prev Next

→

Make a game where you destroy water melons with di..ALL
Developer User5042｜Date and time 23/11/24 5:50:35
Build time 74.222 sec｜Game capacity 4.006KB｜

Script

Sure! Here's an example of a simple game where you can destroy watermelons using different weapons. Since you mentioned smartphone operation, I'll optimize it for touch-based interaction and use pictograms for the weapons selection. Here's the code for the single HTML file:

To play the game, open the HTML file using a web browser that supports JavaScript, such as Chrome or Firefox, on your smartphone. Touch the screen to shoot watermelons and swipe left or right to switch between different weapons (shown as icons). The objective is to destroy as many watermelons as possible and increase your score. Remember to save the code into a file with the `.html` extension (e.g., `watermelon_game.html`) and open it with a browser to play the game.

←

Prev　Next

→ 　

Back　

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

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

Here's the code for the single HTML file:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Watermelon Destroyer</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
      // Game variables
      var canvas, ctx;
      var watermelons = [];
      var score = 0;
      var weaponIndex = 0;
      var weapons = [
        { name: "Hammer", icon: "🔨" },
        { name: "Sword", icon: "🗡️" },
        { name: "Bow", icon: "🏹" }
      ];

// Initialize the game
      function init() {
        canvas = document.getElementById("gameCanvas");
        ctx = canvas.getContext("2d");
        canvas.addEventListener("mousedown", shootWatermelon);
        
        setInterval(gameLoop, 1000 / 60); // game loop at 60 FPS
      }

// Draw game elements
      function draw() {
        // Clear canvas
        ctx.fillStyle = "#FFFFFF";
        ctx.fillRect(0, 0, canvas.width, canvas.height);

// Draw weapon selection
        ctx.font = "30px Arial";
        ctx.fillStyle = "#000000";
        ctx.fillText(
          "Select Weapon: " + weapons[weaponIndex].name + " " + weapons[weaponIndex].icon,
          10,
          50
        );

// Draw score
        ctx.font = "20px Arial";
        ctx.fillStyle = "#000000";
        ctx.fillText("Score: " + score, 10, 80);

// Draw watermelons
        watermelons.forEach(function(watermelon) {
          ctx.fillStyle = "#FF0000";
          ctx.beginPath();
          ctx.arc(watermelon.x, watermelon.y, 20, 0, Math.PI * 2);
          ctx.fill();
        });
      }

// Update game logic
      function update() {
        watermelons.forEach(function(watermelon) {
          watermelon.y += 5; // move watermelon downwards
          
          // Check if watermelon is clicked
          if (watermelon.isClicked) {
            score += 1; // increase score
            watermelon.isClicked = false; // reset click state
          }
        });

// Remove watermelons that are out of bounds
        watermelons = watermelons.filter(function(watermelon) {
          return watermelon.y <= canvas.height;
        });

// Spawn new watermelons randomly
        if (Math.random() < 0.02) {
          watermelons.push({ x: Math.random() * canvas.width, y: 0 });
        }
      }

// Game loop
      function gameLoop() {
        update();
        draw();
      }

// Shoot watermelon on click/tap
      function shootWatermelon(event) {
        var rect = canvas.getBoundingClientRect();
        var clickX = event.clientX - rect.left;
        var clickY = event.clientY - rect.top;

watermelons.forEach(function(watermelon) {
          var distance = Math.sqrt(
            Math.pow(clickX - watermelon.x, 2) +
              Math.pow(clickY - watermelon.y, 2)
          );

if (distance <= 20) {
            watermelon.isClicked = true; // mark the watermelon as clicked
          }
        });
      }

// Switch weapon on tap
      canvas.addEventListener("click", function() {
        weaponIndex = (weaponIndex + 1) % weapons.length;
      });

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

Remember to save the code into a file with the `.html` extension (e.g., `watermelon_game.html`) and open it with a browser to play the game.