Симулятор кулинарии (люди приходят и надо успеть им еду приготовить)'s game

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

No:46368

←

Prev Next

→

Симулятор кулинарии (люди приходят и надо успеть и..ALL
Developer User20070｜Date and time 24/2/24 19:10:09
Build time 11.598 sec｜Game capacity 2.031KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Симулятор кулинарии</title>
<style>
#gameCanvas {
width: 100%;
height: 100vh;
background-color: #f5f5f5;
text-align: center;
}
</style>
</head>
<body>
<canvas id="gameCanvas"></canvas>
<script>
const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');

const chefIcon = '\u{1F468}';
const foodIcon = '\u{1F35D}';
const customerIcon = '\u{1F468}';

let score = 0;
let timeLeft = 60;

const chef = {
x: canvas.width / 2,
y: canvas.height - 50,
width: 50,
height: 50,
speed: 5
};

const customer = {
x: 50,
y: 50,
width: 50,
height: 50,
speed: 3
};

const food = {
x: Math.random() * (canvas.width - 50),
y: 0,
width: 30,
height: 30,
speed: 3
};

function draw() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.font = '30px Arial';
ctx.fillText(chefIcon, chef.x, chef.y);

ctx.font = '30px Arial';
ctx.fillText(customerIcon, customer.x, customer.y);

ctx.font = '30px Arial';
ctx.fillText(foodIcon, food.x, food.y);

ctx.font = '20px Arial';
ctx.fillText('Score: ' + score, 10, 30);

ctx.font = '20px Arial';
ctx.fillText('Time left: ' + timeLeft, canvas.width - 150, 30);
}

function update() {
chef.x += chef.speed;

if (food.y > canvas.height) {
score--;
food.x = Math.random() * (canvas.width - 50);
food.y = 0;
} else {
food.y += food.speed;
}

if (customer.x < chef.x) {
customer.x += customer.speed;
} else if (customer.x > chef.x) {
customer.x -= customer.speed;
}

if (chef.x < food.x + food.width &&
chef.x + chef.width > food.x &&
chef.y < food.y + food.height &&
chef.y + chef.height > food.y) {
score++;
food.x = Math.random() * (canvas.width - 50);
food.y = 0;
}

if (timeLeft > 0) {
timeLeft--;
} else {
alert('Game over! Your score: ' + score);
score = 0;
timeLeft = 60;
}

draw();
}

document.addEventListener('keydown', function(event) {
if (event.key === 'ArrowLeft') {
chef.x -= chef.speed;
} else if (event.key === 'ArrowRight') {
chef.x += chef.speed;
}
});

setInterval(update, 1000 / 60);
</script>
</body>
</html>