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

No:52642

234

←

Prev Next

→

Make a game where you must find chicken wings and ..ALL
Developer User22074｜Date and time 24/3/23 13:10:18
Build time 12.887 sec｜Game capacity 1.825KB｜

Script

Find Chicken Wings and Build a Fortress Game

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Find Chicken Wings and Build a Fortress Game</title>
<style>
body {
  text-align: center;
}

#gameCanvas {
  margin: 0 auto;
  border: 2px solid black;
}
</style>
</head>
<body>
<h1>Find Chicken Wings and Build a Fortress Game</h1>
<canvas id="gameCanvas" width="600" height="400"></canvas>

let playerX = canvas.width / 2;
let playerY = canvas.height - 50;
let wingsX = Math.random() * (canvas.width - 20);
let wingsY = Math.random() * (canvas.height - 20);
let fortressX = canvas.width / 2;
let fortressY = 50;

function drawPlayer() {
  ctx.fillStyle = 'blue';
  ctx.fillRect(playerX, playerY, 20, 20);
}

function drawWings() {
  ctx.fillStyle = 'red';
  ctx.fillRect(wingsX, wingsY, 20, 20);
}

function drawFortress() {
  ctx.fillStyle = 'green';
  ctx.fillRect(fortressX, fortressY, 50, 50);
}

function draw() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  drawPlayer();
  drawWings();
  drawFortress();
}

if(playerX < wingsX + 20 && playerX + 20 > wingsX && playerY < wingsY + 20 && playerY + 20 > wingsY) {
    wingsX = Math.random() * (canvas.width - 20);
    wingsY = Math.random() * (canvas.height - 20);
  }

if(playerX < fortressX + 50 && playerX + 20 > fortressX && playerY < fortressY + 50 && playerY + 20 > fortressY) {
    alert('Congratulations! You found the chicken wings and built a fortress! You win!');
  }

draw();
});

draw();
</script>
</body>
</html>