Un snake game con enemigos's game

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

No:1202

256

←

Prev Next

→

Un snake game con enemigos
Developer User3280｜Date and time 23/6/18 8:21:58
Build time 62.946 sec｜Game capacity 5.266KB｜

Script

y mejoras.

Este es un juego de serpiente en el que el jugador controla una serpiente y debe comer la comida para ganar puntos. Además, hay enemigos que se mueven alrededor del juego y si la serpiente choca con uno de ellos, el juego termina. Hay tres niveles de dificultad en el juego que influyen en la velocidad y cantidad de enemigos. Se recomienda jugarlo en un dispositivo móvil para una mejor experiencia de juego. ¡A disfrutar! 🐍🍎👨‍👩‍👧‍👦📱

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

y mejoras.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Snake Game</title>
	<style>
		body {margin: 0; padding: 0;}
		canvas {display: block;}
	</style>
</head>
<body>

// Variables
		var canvas = document.getElementById("canvas");
		var ctx = canvas.getContext("2d");
		var cellSize = 20;
		var direction = "right";
		var score = 0;
		var snake = [{x: 10, y: 10}];
		var food = {x: Math.floor(Math.random() * (canvas.width / cellSize)) * cellSize, y: Math.floor(Math.random() * (canvas.height / cellSize)) * cellSize};
		var enemySpeed = 50;
		var enemyCount = 3;
		var enemies = [];

// Draw functions
		function drawSnake() {
			for (var i = 0; i < snake.length; i++) {
				ctx.fillStyle = "yellow";
				ctx.fillRect(snake[i].x, snake[i].y, cellSize, cellSize);
			}
		}

function drawFood() {
			ctx.fillStyle = "red";
			ctx.fillRect(food.x, food.y, cellSize, cellSize);
		}

function drawEnemies() {
			for (var i = 0; i < enemies.length; i++) {
				ctx.fillStyle = "orange";
				ctx.fillRect(enemies[i].x, enemies[i].y, cellSize, cellSize);
			}
		}

function drawScore() {
			ctx.fillStyle = "white";
			ctx.font = "20px Arial";
			ctx.fillText("Score: " + score, 10, 30);
		}

function drawGameOver() {
			ctx.fillStyle = "white";
			ctx.font = "50px Arial";
			ctx.fillText("GAME OVER", canvas.width / 2 - 150, canvas.height / 2);
		}

// Collision functions
		function checkSnakeCollision() {
			for (var i = 1; i < snake.length; i++) {
				if (snake[0].x == snake[i].x && snake[0].y == snake[i].y) {
					return true;
				}
			}
			return false;
		}

// Movement functions
		function moveSnake() {
			var head = {x: snake[0].x, y: snake[0].y};
			if (direction == "right") {
				head.x += cellSize;
			} else if (direction == "left") {
				head.x -= cellSize;
			} else if (direction == "up") {
				head.y -= cellSize;
			} else if (direction == "down") {
				head.y += cellSize;
			}
			snake.pop();
			snake.unshift(head);
		}

// Enemy functions
		function addEnemies() {
			if (enemies.length < enemyCount) {
				var x = Math.floor(Math.random() * (canvas.width / cellSize)) * cellSize;
				var y = Math.floor(Math.random() * (canvas.height / cellSize)) * cellSize;
				enemies.push({x: x, y: y, direction: Math.floor(Math.random() * 4)});
			}
		}

// Game functions
		function gameLoop() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			drawSnake();
			drawFood();
			drawEnemies();
			drawScore();
			moveSnake();
			checkFoodCollision();
			checkEnemyCollision();
			if (checkSnakeCollision()) {
				drawGameOver();
				clearInterval(gameInterval);
			}
			moveEnemies();
		}

function startGame() {
			gameInterval = setInterval(gameLoop, enemySpeed);
			addEnemies();
		}

// Event listeners
		document.addEventListener("keydown", function(event) {
			if (event.keyCode == 37 && direction != "right") {
				direction = "left";
			} else if (event.keyCode == 38 && direction != "down") {
				direction = "up";
			} else if (event.keyCode == 39 && direction != "left") {
				direction = "right";
			} else if (event.keyCode == 40 && direction != "up") {
				direction = "down";
			}
		});

// Start game
		startGame();

</script>

</body>
</html>