A snake game with enemies and levels with different fruits and a star to finish the level and more mobility and with a final boss a red snake and named snake game 2 the revenge of the red snake.'s game

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

No:2405

163

←

Prev Next

→

A snake game with enemies and levels with differen..ALL
Developer User3408｜Date and time 23/6/21 10:34:57
Build time 84.126 sec｜Game capacity 6.659KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Snake Game 2: La Venganza de la Serpiente Roja</title>
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #E5E7EB;
		}

canvas {
			display: block;
			margin: auto;
		}
	</style>
</head>
<body>
	<canvas id="snakeCanvas" width="800" height="600"></canvas>

// Variables de movimiento
		var direction;
		var keyPressed;
		var moveTimeout;

// Variables de juego
		var gameOver = false;

// Variables de gráficos
		var backgroundColor = "#E5E7EB";
		var snakeColor = "#2F855A";
		var enemyColor = "#C53030";
		var fruitColors = ["#D69E2E", "#38A169", "#319795", "#718096", "#DD6B20"];
		var starColor = "#FCD34D";

// Función principal
		function init() {
			// Inicializar variables
			canvas = document.getElementById("snakeCanvas");
			ctx = canvas.getContext("2d");
			snake = [{x: 10, y: 10}];
			fruit = {x: 20, y: 20, color: fruitColors[0]};
			enemigos = [];
			star = null;
			levelCount = 1;
			currentLevel = createLevel(levelCount);
			direction = "right";
			keyPressed = null;
			moveTimeout = null;

// Escuchar teclas
			window.addEventListener("keydown", function(event) {
				keyPressed = event.keyCode;
			});

// Iniciar loop de juego
			loop();
		}

// Loop de juego
		function loop() {
			// Logica de juego
			move();
			draw();

// Checar si el juego termina
			if (!gameOver) {
				moveTimeout = setTimeout(loop, 100);
			} else {
				alert("¡Perdiste! Presiona F5 para reiniciar.");
			}
		}

// Mover serpiente y enemigos
		function move() {
			// Mover serpiente en dirección actual
			var head = {x: snake[0].x, y: snake[0].y};
			switch (direction) {
				case "up": head.y--; break;
				case "down": head.y++; break;
				case "left": head.x--; break;
				case "right": head.x++; break;
			}
			snake.unshift(head);

// Checar colisiones con enemigos
			for (var i = 0; i < enemigos.length; i++) {
				if (head.x === enemigos[i].x && head.y === enemigos[i].y) {
					gameOver = true;
					return;
				}
			}

// Checar colision con la pared
			if (head.x < 0 || head.x >= canvas.width/10 || head.y < 0 || head.y >= canvas.height/10) {
				gameOver = true;
				return;
			}

// Checar colision con la fruta
			if (head.x === fruit.x && head.y === fruit.y) {
				// Agregar fruta a la serpiente
				snake.push({x: fruit.x, y: fruit.y});
				// Cambiar color de la fruta
				var colorIndex = Math.floor(Math.random() * fruitColors.length);
				fruit.color = fruitColors[colorIndex];
				// Marcar fruta como comida (para nivel con estrella)
				fruit.comida = true;
				// Checar si se completó el nivel
				var levelComplete = true;
				for (var i = 0; i < currentLevel.length; i++) {
					if (!(currentLevel[i].x === fruit.x && currentLevel[i].y === fruit.y)) {
						levelComplete = false;
						break;
					}
				}
				if (levelComplete) {
					// Agregar estrella al nivel
					star = {x: 15, y: 15};
				} else {
					// Agregar nueva fruta al nivel
					do {
						var newFruitX = Math.floor(Math.random() * (canvas.width/10));
						var newFruitY = Math.floor(Math.random() * (canvas.height/10));
					} while (containsPosition(snake, newFruitX, newFruitY) || containsPosition(currentLevel, newFruitX, newFruitY));
					fruit.x = newFruitX;
					fruit.y = newFruitY;
				}
			} else {
				// Remover cola de la serpiente
				snake.pop();
			}

// Mover enemigos aleatoriamente
			for (var i = 0; i < enemigos.length; i++) {
				var newEnemyX = enemigos[i].x;
				var newEnemyY = enemigos[i].y;
				var moveChance = Math.floor(Math.random() * 4);
				switch (moveChance) {
					case 0: newEnemyX--; break;
					case 1: newEnemyX++; break;
					case 2: newEnemyY--; break;
					case 3: newEnemyY++; break;
				}
				if (!(newEnemyX < 0 || newEnemyX >= canvas.width/10 || newEnemyY < 0 || newEnemyY >= canvas.height/10) &&
						!containsPosition(snake, newEnemyX, newEnemyY) &&
						!containsPosition(enemigos, newEnemyX, newEnemyY)) {
					enemigos[i].x = newEnemyX;
					enemigos[i].y = newEnemyY;
				}
			}

// Checar colision con la estrella
			if (star && head.x === star.x && head.y === star.y) {
				// Cambiar de nivel
				levelCount++;
				currentLevel = createLevel(levelCount);
				// Resetear variables de juego
				snake = [{x: 10, y: 10}];
				enemigos = [];
				star = null;
				fruit.color = fruitColors[0];
			}

// Checar si es tiempo de agregar enemigos
			if (enemigos.length < 3) {
				var enemyAdded = false;
				do {
					var newEnemyX = Math.floor(Math.random() * (canvas.width/10));
					var newEnemyY = Math.floor(Math.random() * (canvas.height/10));
				} while (containsPosition(snake, newEnemyX, newEnemyY) || containsPosition(enemigos, newEnemyX, newEnemyY));
				enemigos.push({x: newEnemyX, y: newEnemyY});
			}
		}

// Dibujar juego
		function draw() {
			// Dibujar fondo
			ctx.fillStyle = backgroundColor;
			ctx.fillRect(0, 0, canvas.width, canvas.height);

// Dibujar serpiente
			ctx.fillStyle = snakeColor;
			for (var i = 0; i < snake.length; i++) {
				ctx.fillRect(snake[i].x * 10, snake[i].y * 10, 10, 10);
			}

// Dibujar enemigos
			ctx.fillStyle = enemyColor;
			for (var i = 0; i < enemigos.length; i++) {
				ctx.fillRect(enemigos[i].x * 10, enemigos[i].y * 10, 10, 10);
			}

// Dibujar fruta
			ctx.fillStyle = fruit.color;
			ctx.fillRect(fruit.x * 10, fruit.y * 10, 10, 10);

// Dibujar estrella
			if (star) {
				ctx.fillStyle = starColor;
				ctx.fillRect(star.x * 10, star.y * 10, 10, 10);
			}

// Dibujar nivel
			ctx.font = "bold 16px 'Segoe UI',sans-serif";
			ctx.fillStyle = "#1F2937";
			ctx.fillText("Nivel " + levelCount, 10, 25);
		}

// Crear nivel
		function createLevel(level) {
			var levelArray = [];
			switch (level) {
				case 1: levelArray = [{x: 5, y: 5}, {x: 5, y: 6}, {x: 5, y: 7}, {x: 6, y: 7}, {x: 7, y: 7}]; break;
				case 2: levelArray = [{x: 8, y: 6}, {x: 8, y: 7}, {x: 8, y: 8}, {x: 9, y: 7}, {x: 10, y: 6}, {x: 10, y: 7}, {x: 10, y: 8}]; break;
				case 3: levelArray = [{x: 4, y: 4}, {x: 5, y: 5}, {x: 6, y: 6}, {x: 7, y: 7}, {x: 8, y: 8}, {x: 9, y: 9}, {x: 10, y: 10}]; break;
				default: levelArray = [{x: 0, y: 0}];
			}
			return levelArray;
		}

// Checa si un arreglo de posiciones contiene una posición específica
		function containsPosition(array, x, y) {
			for (var i = 0; i < array.length; i++) {
				if (array[i].x === x && array[i].y === y) {
					return true;
				}
			}
			return false;
		}

// Iniciar juego
		init();
	</script>
</body>
</html>