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

No:20292

complete the level as a duck avoiding toxic avocad..ALL
Developer User8969｜Date and time 23/10/9 4:27:05
Build time 26.496 sec｜Game capacity 5.229KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript. Since it needs to be playable on a smartphone, I'll focus on a touch-based interaction. I'll represent the duck and toxic avocados with pictograms.

Duck Escape

Please note that you need to replace the `emozi_all/duck.png`, `emozi_all/avocado.png`, and `emozi_all/train.png` image sources with actual pictogram images that you want to use for the duck, toxic avocados, and evil spider trains, respectively. This code sets up a game where the player controls a duck using touch-based movements to avoid toxic avocados and evil spider trains. The score increases as the duck successfully avoids the obstacles. If the duck collides with either the avocados or the trains, the game ends, and the final score is shown.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
  </style>
</head>
<body>
  <h1>Duck Escape</h1>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

var xDown = null;
    var yDown = null;

function handleTouchStart(event) {
      xDown = event.touches[0].clientX;
      yDown = event.touches[0].clientY;
    }

function handleTouchMove(event) {
      if (!xDown || !yDown) {
        return;
      }

var xUp = event.touches[0].clientX;
      var yUp = event.touches[0].clientY;

var xDiff = xDown - xUp;
      var yDiff = yDown - yUp;

if (Math.abs(xDiff) > Math.abs(yDiff)) {
        if (xDiff > 0) {
          // Move left
          duck.x -= duck.speed;
        } else {
          // Move right
          duck.x += duck.speed;
        }
      } else {
        if (yDiff > 0) {
          // Move up
          duck.y -= duck.speed;
        } else {
          // Move down
          duck.y += duck.speed;
        }
      }

xDown = null;
      yDown = null;
    }

// Game functions
    function drawDuck() {
      context.drawImage(duckImage, duck.x, duck.y, 50, 50); // Adjust size as per image

// Check collision with avocados
      for (var i = 0; i < avocados.length; i++) {
        var avocado = avocados[i];
        if (
          duck.x < avocado.x + 50 &&
          duck.x + 50 > avocado.x &&
          duck.y < avocado.y + 50 &&
          duck.y + 50 > avocado.y
        ) {
          gameOver = true;
        }
      }

// Check collision with trains
      for (var i = 0; i < trains.length; i++) {
        var train = trains[i];
        if (
          duck.x < train.x + 50 &&
          duck.x + 50 > train.x &&
          duck.y < train.y + 50 &&
          duck.y + 50 > train.y
        ) {
          gameOver = true;
        }
      }
    }

function gameOverScreen() {
      context.fillStyle = "black";
      context.font = "40px Arial";
      context.fillText("Game Over!", canvas.width / 2 - 100, canvas.height / 2 - 20);
      context.fillText("Score: " + score, canvas.width / 2 - 80, canvas.height / 2 + 30);
    }

function gameLoop() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      if (!gameOver) {
        avocados.push({ x: Math.random() * (canvas.width - 50), y: -50 });
        trains.push({ x: Math.random() * (canvas.width - 50), y: -50 });
        
        drawDuck();
        drawAvocados();
        drawTrains();

requestAnimationFrame(gameLoop);
      } else {
        gameOverScreen();
      }
    }

// Start the game
    duckImage.onload = function() {
      gameLoop();
    };
  </script>
</body>
</html>
```

Please note that you need to replace the `duck.png`, `avocado.png`, and `train.png` image sources with actual pictogram images that you want to use for the duck, toxic avocados, and evil spider trains, respectively. This code sets up a game where the player controls a duck using touch-based movements to avoid toxic avocados and evil spider trains. The score increases as the duck successfully avoids the obstacles. If the duck collides with either the avocados or the trains, the game ends, and the final score is shown.