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

No:23898

Crea un juego rpg de caballeros y dragones que ten..ALL
Developer User11185｜Date and time 23/11/4 5:44:38
Build time 79.693 sec｜Game capacity 3.676KB｜

Script

Juego RPG de Caballeros y Dragones

¡Bienvenido! Haz clic en "Comenzar" para iniciar el juego.

Pantalla de Juego

Pantalla de Muerte

¡Has sido derrotado! Inténtalo de nuevo.

Pantalla de Nivel

¡Felicidades! Has subido de nivel.

Tu nivel actual es 1.

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Juego RPG de Caballeros y Dragones</title>
	<style>
		#gameContainer {
			width: 100vw;
			height: 100vh;
			background-color: #222222;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}

#startScreen {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			color: white;
			font-family: Arial, sans-serif;
		}

#startButton {
			padding: 10px 20px;
			margin-top: 20px;
			font-size: 16px;
			background-color: #4CAF50;
			color: white;
			border: none;
			cursor: pointer;
			border-radius: 5px;
		}

#gameScreen {
			display: none;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			color: white;
			font-family: Arial, sans-serif;
		}

#player {
			width: 40px;
			height: 40px;
			background-color: orange;
			border-radius: 50%;
			position: absolute;
			top: 0;
			left: 0;
			animation: playerMove 5s linear infinite;
		}

@keyframes playerMove {
			0% { top: 0; left: 0; }
			50% { top: 50%; left: 50%; }
			100% { top: 0; left: 0; }
		}

#deathScreen {
			display: none;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			color: white;
			font-family: Arial, sans-serif;
		}

#levelScreen {
			display: none;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			color: white;
			font-family: Arial, sans-serif;
		}
	</style>
</head>
<body>
	<script>
		// Variables para controlar el juego
		let playerLevel = 1;
		let isPlayerDead = false;

// Función para iniciar el juego
		const startGame = () => {
			document.getElementById('startScreen').style.display = 'none';
			document.getElementById('gameScreen').style.display = 'flex';
			startPlayerAnimation();
		};

// Función para manejar la muerte del jugador
		const playerDeath = () => {
			document.getElementById('gameScreen').style.display = 'none';
			document.getElementById('deathScreen').style.display = 'flex';
			isPlayerDead = true;
		};

// Función para subir de nivel al jugador
		const levelUp = () => {
			playerLevel++;
			document.getElementById('gameScreen').style.display = 'none';
			document.getElementById('levelScreen').style.display = 'flex';
			document.getElementById('playerLevel').textContent = playerLevel;
		};

// Función para iniciar la animación del jugador
		const startPlayerAnimation = () => {
			document.getElementById('player').style.animation = 'playerMove 5s linear infinite';
		};

// Función para detener la animación del jugador
		const stopPlayerAnimation = () => {
			document.getElementById('player').style.animation = 'none';
		};
	</script>

<div id="gameContainer">
		<div id="startScreen">
			<h1>Juego RPG de Caballeros y Dragones</h1>
			<p>¡Bienvenido! Haz clic en "Comenzar" para iniciar el juego.</p>
			<button id="startButton" onclick="startGame()">Comenzar</button>
		</div>

<div id="gameScreen">
			<h2>Pantalla de Juego</h2>
			<div id="player"></div>
		</div>

<div id="deathScreen">
			<h2>Pantalla de Muerte</h2>
			<p>¡Has sido derrotado! Inténtalo de nuevo.</p>
			<button id="restartButton" onclick="startGame()">Reiniciar</button>
		</div>

<div id="levelScreen">
			<h2>Pantalla de Nivel</h2>
			<p>¡Felicidades! Has subido de nivel.</p>
			<p>Tu nivel actual es <span id="playerLevel">1</span>.</p>
			<button id="continueButton" onclick="startGame()">Continuar</button>
		</div>
	</div>