Eat food get point creepy random stuff happend's game

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

No:42059

←

Prev Next

→

Eat food get point creepy random stuff happend
Developer User18785｜Date and time 24/2/10 11:54:20
Build time 8.145 sec｜Game capacity 2.068KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Food Eater Game</title>
</head>
<body>
	<canvas id="gameCanvas" width="400" height="400"></canvas>

// Variables for the game
		var score = 0;
		var food = {
			x: Math.floor(Math.random() * (canvas.width - 20)) + 10,
			y: Math.floor(Math.random() * (canvas.height - 20)) + 10,
			size: 20
		};

// Function to draw the game objects
		function drawGame() {
			// Clear canvas
			context.clearRect(0, 0, canvas.width, canvas.height);
			
			// Draw food
			context.fillStyle = "green";
			context.fillRect(food.x, food.y, food.size, food.size);

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

// Function to handle game logic
		function updateGame() {
			// Check if the player has caught the food
			var playerX = food.x + food.size / 2;
			var playerY = food.y + food.size / 2;

if (Math.sqrt(Math.pow(playerX - canvas.width / 2, 2) + Math.pow(playerY - canvas.height / 2, 2)) < food.size / 2){
				score++;
				// Randomize new food position
				food.x = Math.floor(Math.random() * (canvas.width - 20)) + 10;
				food.y = Math.floor(Math.random() * (canvas.height - 20)) + 10;
			}

// Check for game over condition
			if (score >= 10) {
				alert("Game Over! Your score is: " + score);
				clearInterval(gameInterval);
			}

// Redraw game
			drawGame();
		}

// Function to handle touch events
		function onTouch(event) {
			var touchX = event.targetTouches[0].pageX - canvas.offsetLeft;
			var touchY = event.targetTouches[0].pageY - canvas.offsetTop;

food.x = touchX - food.size / 2;
			food.y = touchY - food.size / 2;

// Prevent default touch events
			event.preventDefault();
		}

// Add touch event listener to the canvas
		canvas.addEventListener("touchstart", onTouch);

// Start the game
		var gameInterval = setInterval(updateGame, 20);

</script>

</body>
</html>