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

No:1280

9437

←

Prev Next

→

A game where the protagonist is a slime that must ..ALL
Developer anonymous｜Date and time 70/1/1 11:32:21
Build time unknown sec｜Game capacity 9.141KB｜

Script

Slime Adventure

Vida: 100

Nvl: 10

Atq: 20

Def: 10

Slime

Vida: 50

Nvl: 1

Atq: 10

Def: 5

Slimes Reclutados

Slime Normal

Vida: 50

Nvl: 1

Atq: 10

Def: 5

Slime Agua

Vida: 30

Nvl: 1

Atq: 8

Def: 3

Slime Fuego

Vida: 25

Nvl: 1

Atq: 12

Def: 2

El Giga Slime Oscuro se acerca! Recluta más slimes para ayudarte a vencerlo!

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Slime Adventure</title>
	<style>
		body {
			background-color: #6ab04c;
			font-family: Arial, sans-serif;
			text-align: center;
		}
		
		h1 {
			color: white;
			font-size: 5em;
			margin-top: 1em;
		}
		
		h2 {
			color: white;
			font-size: 2em;
			margin-top: 2em;
		}
		
		h3 {
			color: white;
			font-size: 1.5em;
			margin-top: 1em;
		}
		
		img {
			max-width: 80%;
		}
		
		p {
			color: white;
			font-size: 1em;
			margin-top: 1em;
		}
		
		button {
			background-color: white;
			border: none;
			border-radius: 5px;
			color: #6ab04c;
			font-size: 1em;
			margin-top: 1em;
			padding: 0.5em 1em;
			text-transform: uppercase;
		}
	</style>
	<script>
		var protagonista = {
			nombre: "Slime",
			tipo: "normal",
			nivel: 1,
			vida: 50,
			ataque: 10,
			defensa: 5,
			sprites: ["slime_1.png", "slime_2.png", "slime_3.png"],
			sprite_actual: 0
		};
		
		var slimes_disponibles = [
			{
				nombre: "Slime Agua",
				tipo: "agua",
				nivel: 1,
				vida: 30,
				ataque: 8,
				defensa: 3,
				sprites: ["slime_agua_1.png", "slime_agua_2.png", "slime_agua_3.png"],
				sprite_actual: 0
			},
			{
				nombre: "Slime Fuego",
				tipo: "fuego",
				nivel: 1,
				vida: 25,
				ataque: 12,
				defensa: 2,
				sprites: ["slime_fuego_1.png", "slime_fuego_2.png", "slime_fuego_3.png"],
				sprite_actual: 0
			},
			{
				nombre: "Slime Planta",
				tipo: "planta",
				nivel: 1,
				vida: 35,
				ataque: 6,
				defensa: 4,
				sprites: ["slime_planta_1.png", "slime_planta_2.png", "slime_planta_3.png"],
				sprite_actual: 0
			}
		];
		
		var giga_slime_oscuro = {
			nivel: 10,
			vida: 100,
			ataque: 20,
			defensa: 10,
			sprite: "giga_slime_oscuro.png"
		};
		
		var slimes_reclutados = [];
		var slimes_enemigos = [];
		var turno_enemigo = false;
		var juego_terminado = false;
		var final_bueno = false;
		
		function actualizar_sprites() {
			document.getElementById("sprite_protagonista").src = "sprites/" + protagonista.sprites[protagonista.sprite_actual];
			document.getElementById("vida_protagonista").innerText = "Vida: " + protagonista.vida;
			document.getElementById("nivel_protagonista").innerText = "Nivel: " + protagonista.nivel;
			document.getElementById("ataque_protagonista").innerText = "Ataque: " + protagonista.ataque;
			document.getElementById("defensa_protagonista").innerText = "Defensa: " + protagonista.defensa;
			
			for (var i = 0; i < slimes_reclutados.length; i++) {
				var sprite = "sprites/" + slimes_reclutados[i].sprites[slimes_reclutados[i].sprite_actual];
				document.getElementById("sprite_slime_" + i).src = sprite;
				document.getElementById("vida_slime_" + i).innerText = "Vida: " + slimes_reclutados[i].vida;
				document.getElementById("nivel_slime_" + i).innerText = "Nivel: " + slimes_reclutados[i].nivel;
				document.getElementById("ataque_slime_" + i).innerText = "Ataque: " + slimes_reclutados[i].ataque;
				document.getElementById("defensa_slime_" + i).innerText = "Defensa: " + slimes_reclutados[i].defensa;
			}
		}
		
		function cambiar_sprite() {
			if (protagonista.sprite_actual == 2) {
				protagonista.sprite_actual = 0;
			} else {
				protagonista.sprite_actual++;
			}
			
			actualizar_sprites();
		}
		
		function reclutar_slime() {
			if (slimes_reclutados.length < 3) {
				var indice = Math.floor(Math.random() * slimes_disponibles.length);
				slimes_reclutados.push(slimes_disponibles[indice]);
				slimes_disponibles.splice(indice, 1);
				actualizar_sprites();
			}
		}
		
		function atacar_enemigo() {
			var poder_ataque = protagonista.ataque - giga_slime_oscuro.defensa;
			
			if (poder_ataque < 1) {
				poder_ataque = 1;
			}
			
			giga_slime_oscuro.vida -= poder_ataque;
			actualizar_sprites();
			
			if (giga_slime_oscuro.vida <= 0) {
				juego_terminado = true;
				final_bueno = true;
				actualizar_interfaz();
				return;
			}
			
			turno_enemigo = true;
			ataque_enemigo();
		}
		
		function ataque_enemigo() {
			var indice = Math.floor(Math.random() * slimes_reclutados.length);
			var slime_aliado = slimes_reclutados[indice];
			var poder_ataque = giga_slime_oscuro.ataque - slime_aliado.defensa;
			
			if (poder_ataque < 1) {
				poder_ataque = 1;
			}
			
			slime_aliado.vida -= poder_ataque;
			actualizar_sprites();
			
			if (slime_aliado.vida <= 0) {
				slimes_disponibles.push(slime_aliado);
				slimes_reclutados.splice(indice, 1);
				actualizar_sprites();
			}
			
			turno_enemigo = false;
			actualizar_interfaz();
		}
		
		function actualizar_interfaz() {
			if (juego_terminado) {
				if (final_bueno) {
					document.getElementById("titulo").innerText = "Victoria!";
					document.getElementById("mensaje").innerText = "Has derrotado al Giga Slime Oscuro y has salvado el mundo de los slimes!";
					document.getElementById("boton_reiniciar").style.display = "block";
				} else {
					document.getElementById("titulo").innerText = "Derrota!";
					document.getElementById("mensaje").innerText = "El Giga Slime Oscuro ha exterminado a todos tus slimes y te ha aplastado!";
					document.getElementById("boton_reiniciar").style.display = "block";
				}
				
				document.getElementById("boton_ataque").style.display = "none";
				document.getElementById("boton_reclutar").style.display = "none";
				document.getElementById("boton_cambiar_sprite").style.display = "none";
				return;
			}
			
			document.getElementById("titulo").innerText = "Slime Adventure";
			document.getElementById("mensaje").innerText = "El Giga Slime Oscuro se acerca! Recluta más slimes para ayudarte a vencerlo!";
			document.getElementById("boton_ataque").style.display = turno_enemigo ? "none" : "block";
			document.getElementById("boton_reclutar").style.display = (slimes_disponibles.length > 0 && slimes_reclutados.length < 3) ? "block" : "none";
			document.getElementById("boton_cambiar_sprite").style.display = "block";
		}
		
		function reiniciar_juego() {
			protagonista = {
				nombre: "Slime",
				tipo: "normal",
				nivel: 1,
				vida: 50,
				ataque: 10,
				defensa: 5,
				sprites: ["slime_1.png", "slime_2.png", "slime_3.png"],
				sprite_actual: 0
			};
			
			slimes_disponibles = [
				{
					nombre: "Slime Agua",
					tipo: "agua",
					nivel: 1,
					vida: 30,
					ataque: 8,
					defensa: 3,
					sprites: ["slime_agua_1.png", "slime_agua_2.png", "slime_agua_3.png"],
					sprite_actual: 0
				},
				{
					nombre: "Slime Fuego",
					tipo: "fuego",
					nivel: 1,
					vida: 25,
					ataque: 12,
					defensa: 2,
					sprites: ["slime_fuego_1.png", "slime_fuego_2.png", "slime_fuego_3.png"],
					sprite_actual: 0
				},
				{
					nombre: "Slime Planta",
					tipo: "planta",
					nivel: 1,
					vida: 35,
					ataque: 6,
					defensa: 4,
					sprites: ["slime_planta_1.png", "slime_planta_2.png", "slime_planta_3.png"],
					sprite_actual: 0
				}
			];
			
			giga_slime_oscuro = {
				nivel: 10,
				vida: 100,
				ataque: 20,
				defensa: 10,
				sprite: "giga_slime_oscuro.png"
			};
			
			slimes_reclutados = [];
			slimes_enemigos = [];
			turno_enemigo = false;
			juego_terminado = false;
			final_bueno = false;
			actualizar_sprites();
			actualizar_interfaz();
		}
	</script>
</head>

<body onload="actualizar_sprites()">
	<h1 id="titulo">Slime Adventure</h1>
	
	<img src="sprites/giga_slime_oscuro.png">
	<h3>Vida: <span id="vida_giga_slime_oscuro">100</span></h3>
	<h3>Nvl: <span id="nivel_giga_slime_oscuro">10</span></h3>
	<h3>Atq: <span id="ataque_giga_slime_oscuro">20</span></h3>
	<h3>Def: <span id="defensa_giga_slime_oscuro">10</span></h3>
	
	<img src="sprites/slime_1.png" id="sprite_protagonista" onclick="cambiar_sprite()">
	<h2>Slime</h2>
	<h3 id="vida_protagonista">Vida: 50</h3>
	<h3 id="nivel_protagonista">Nvl: 1</h3>
	<h3 id="ataque_protagonista">Atq: 10</h3>
	<h3 id="defensa_protagonista">Def: 5</h3>
	
	<button id="boton_ataque" onclick="atacar_enemigo()">Atacar</button>
	<button id="boton_reclutar" onclick="reclutar_slime()">Reclutar Slime</button>
	<button id="boton_cambiar_sprite" onclick="cambiar_sprite()">Cambiar Sprite</button>
	
	<div id="slimes_reclutados">
		<h2>Slimes Reclutados</h2>
		<div>
			<img src="sprites/slime_1.png" id="sprite_slime_0">
			<h3>Slime Normal</h3>
			<h3 id="vida_slime_0">Vida: 50</h3>
			<h3 id="nivel_slime_0">Nvl: 1</h3>
			<h3 id="ataque_slime_0">Atq: 10</h3>
			<h3 id="defensa_slime_0">Def: 5</h3>
		</div>
		<div>
			<img src="sprites/slime_agua_1.png" id="sprite_slime_1">
			<h3>Slime Agua</h3>
			<h3 id="vida_slime_1">Vida: 30</h3>
			<h3 id="nivel_slime_1">Nvl: 1</h3>
			<h3 id="ataque_slime_1">Atq: 8</h3>
			<h3 id="defensa_slime_1">Def: 3</h3>
		</div>
		<div>
			<img src="sprites/slime_fuego_1.png" id="sprite_slime_2">
			<h3>Slime Fuego</h3>
			<h3 id="vida_slime_2">Vida: 25</h3>
			<h3 id="nivel_slime_2">Nvl: 1</h3>
			<h3 id="ataque_slime_2">Atq: 12</h3>
			<h3 id="defensa_slime_2">Def: 2</h3>
		</div>
	</div>
	
	<p id="mensaje">El Giga Slime Oscuro se acerca! Recluta más slimes para ayudarte a vencerlo!</p>
	<button id="boton_reiniciar" style="display: none" onclick="reiniciar_juego()">Reiniciar Juego</button>
</body>
</html>