shoot all the watermelons and you win, but you'll become fat afterwards's game

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

No:36440

←

Prev Next

→

shoot all the watermelons and you win, but you'll ..ALL
Developer User16811｜Date and time 24/1/17 19:41:06
Build time 18.67 sec｜Game capacity 3.97KB｜

Script

Sure! Below is a simple implementation of the game you described using JavaScript, HTML, and pictograms. The game can be played on a smartphone, and the goal is to shoot all the watermelons. However, there's a twist - if you win the game, you'll become "fat" (represented by an arrow pointing to a bulging character). You can copy the code and save it as a single HTML file to play the game.

Please note that you need to replace `emozi_all/pictogram.png` in the code with a valid URL pointing to your desired pictogram for the "fat" state of the character.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Watermelon Shooter Game</title>
  <style>
    body {
      background-color: #222;
      margin: 0;
      overflow: hidden;
    }

canvas {
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Game variables
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");
    var score = 0;
    var isGameOver = false;
    var isPlayerFat = false;

// Player properties
    var player = {
      x: 200,
      y: 200,
      width: 50,
      height: 50,
      color: "#FF0000"
    };

// Watermelon properties
    var watermelons = [
      { x: 50, y: 50, width: 30, height: 30, color: "#00FF00" },
      { x: 100, y: 100, width: 30, height: 30, color: "#00FF00" },
      { x: 150, y: 150, width: 30, height: 30, color: "#00FF00" }
    ];

// Handle player movement
    function handlePlayerMovement(event) {
      if (!isGameOver) {
        player.x = event.touches[0].pageX - canvas.offsetLeft - player.width / 2;
        player.y = event.touches[0].pageY - canvas.offsetTop - player.height / 2;
      }
    }

// Update game state
    function update() {
      if (!isGameOver) {
        // Check for collisions
        for (var i = 0; i < watermelons.length; i++) {
          var wm = watermelons[i];

if (
            player.x < wm.x + wm.width &&
            player.x + player.width > wm.x &&
            player.y < wm.y + wm.height &&
            player.y + player.height > wm.y
          ) {
            // Collision detected
            score++;
            watermelons.splice(i, 1);
            i--;

// Change player appearance
            if (watermelons.length === 0) {
              player.color = "#FFFF00";
              isPlayerFat = true;
              endGame();
            }
          }
        }
      }
    }

// Draw game objects
    function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      context.fillStyle = player.color;
      context.fillRect(player.x, player.y, player.width, player.height);

// Draw watermelons
      for (var i = 0; i < watermelons.length; i++) {
        var wm = watermelons[i];
        context.fillStyle = wm.color;
        context.fillRect(wm.x, wm.y, wm.width, wm.height);
      }

// Draw score
      context.fillStyle = "#FFFFFF";
      context.font = "20px Arial";
      context.fillText("Score: " + score, 10, 30);

// Draw fat character when the player wins
      if (isPlayerFat) {
        var img = new Image();
        img.src = "https://example.com/fat-character-pictogram.png";
        img.onload = function () {
          context.drawImage(img, 200, 200, 100, 100);
        };
      }
    }

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

if (!isGameOver) {
        requestAnimationFrame(gameLoop);
      }
    }

// Game over handling
    function endGame() {
      isGameOver = true;
    }

// Start game
    gameLoop();

// Event listeners
    canvas.addEventListener("touchmove", handlePlayerMovement, false);
  </script>
</body>
</html>
```

Please note that you need to replace `https://example.com/fat-character-pictogram.png` in the code with a valid URL pointing to your desired pictogram for the "fat" state of the character.