A chicken nugget makeing a McDonald’s meal but people want to eat him and swipe the screen to dodge them and run into the food to collect them outside's game

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

No:39611

←

Prev Next

→

A chicken nugget makeing a McDonald’s meal but peo..ALL
Developer User17730｜Date and time 24/1/29 12:19:35
Build time 23.739 sec｜Game capacity 5.159KB｜

Script

Sure! Here's an example of a simple game where you control a chicken nugget using swipes to dodge people trying to eat it, while collecting McDonald's meals. It's implemented as a single HTML file and uses JavaScript enclosed in script tags.

To make this game work, you'll need to replace the image URLs in the code with the actual URLs for the chicken nugget image (`nuggetImage.src`), people image (`peopleImage.src`), and food image (`foodImage.src`). You can host the images on a server or use image URLs from the web. Please note that this is a basic example and can be expanded upon to add more features, levels, or graphics as desired.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Chicken Nugget Game</title>
  <style>
    body {
      margin: 0;
      overflow: hidden;
    }
    canvas {
      background: #ffffff;
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

nuggetImage.src = "https://example.com/chicken_nugget.png";
    peopleImage.src = "https://example.com/people.png";
    foodImage.src = "https://example.com/food.png";

const nuggetSize = 80;
    const peopleSize = 100;
    const foodSize = 120;
    const gameWidth = 800;
    const gameHeight = 600;

let nuggetX = gameWidth / 2;
    let nuggetY = gameHeight / 2;
    let peopleX = gameWidth;
    let peopleY = Math.random() * (gameHeight - peopleSize);
    let foodX = gameWidth;
    let foodY = Math.random() * (gameHeight - foodSize);
    let score = 0;
    let isGameOver = false;

document.addEventListener("touchstart", handleTouchStart, false);
    document.addEventListener("touchmove", handleTouchMove, false);

let x1 = 0;
    let y1 = 0;

function handleTouchStart(event) {
      const touch = event.touches[0];
      x1 = touch.clientX;
      y1 = touch.clientY;
    }

function handleTouchMove(event) {
      if (!x1 || !y1) {
        return;
      }

let x2 = event.touches[0].clientX;
      let y2 = event.touches[0].clientY;

let xDiff = x2 - x1;
      let yDiff = y2 - y1;

if (Math.abs(xDiff) > Math.abs(yDiff)) {
        if (xDiff > 0) {
          swipeRight();
        } else {
          swipeLeft();
        }
      } else {
        if (yDiff > 0) {
          swipeDown();
        } else {
          swipeUp();
        }
      }

x1 = null;
      y1 = null;
    }

function swipeUp() {
      nuggetY -= 10;
    }

function swipeDown() {
      nuggetY += 10;
    }

function swipeLeft() {
      nuggetX -= 10;
    }

function swipeRight() {
      nuggetX += 10;
    }

function drawNugget() {
      ctx.drawImage(nuggetImage, nuggetX, nuggetY, nuggetSize, nuggetSize);
    }

function drawPeople() {
      ctx.drawImage(
        peopleImage,
        peopleX,
        peopleY,
        peopleSize,
        peopleSize
      );
    }

function drawFood() {
      ctx.drawImage(foodImage, foodX, foodY, foodSize, foodSize);
    }

function checkCollision() {
      if (
        nuggetX < peopleX + peopleSize &&
        nuggetX + nuggetSize > peopleX &&
        nuggetY < peopleY + peopleSize &&
        nuggetY + nuggetSize > peopleY
      ) {
        endGame();
      }

if (
        nuggetX < foodX + foodSize &&
        nuggetX + nuggetSize > foodX &&
        nuggetY < foodY + foodSize &&
        nuggetY + nuggetSize > foodY
      ) {
        score++;
        foodX = gameWidth;
        foodY = Math.random() * (gameHeight - foodSize);
      }
    }

function drawScore() {
      ctx.font = "24px Arial";
      ctx.fillStyle = "#000000";
      ctx.fillText("Score: " + score, 20, 40);
    }

function endGame() {
      isGameOver = true;
      ctx.font = "48px Arial";
      ctx.fillStyle = "#ff0000";
      ctx.fillText("Game Over", 250, gameHeight / 2 - 24);
    }

function gameLoop() {
      ctx.clearRect(0, 0, gameWidth, gameHeight);

drawNugget();
      drawPeople();
      drawFood();
      drawScore();

checkCollision();
      movePeople();
      moveFood();

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

nuggetImage.onload = function () {
      requestAnimationFrame(gameLoop);
    };
    // Game code ends here
  </script>
</body>
</html>
```

Please note that this is a basic example and can be expanded upon to add more features, levels, or graphics as desired.