A game where you must mine using technology that can be upgraded using points in a skill tree and that points are obtained by mining and that when you obtain all the upgrades a text appears saying you are the mining king.'s game

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

No:1281

196

←

Prev Next

→

A game where you must mine using technology that c..ALL
Developer User3280｜Date and time 23/6/18 9:45:38
Build time 43.276 sec｜Game capacity 3.928KB｜

Script

Pica los bloques para ganar puntos:

💎

💰

🧊

Tus puntos: 0

Mejora tus habilidades:

⛏️
Picar más rápido
💰
Multiplicar puntos
🧊
Mina más profunda

←

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>Mi juego de minería</title>
	<style>
		body {
			background-color: #F2EFEF;
			font-size: 24px;
			text-align: center;
		}
		#mine {
			width: 80%;
			max-width: 600px;
			margin: 0 auto;
			margin-top: 50px;
			background-color: #D4D3D6;
			border-radius: 10px;
			padding: 20px;
			text-align: center;
		}
		#mine .block {
			width: 50px;
			height: 50px;
			display: inline-block;
			margin: 5px;
			font-size: 30px;
			cursor: pointer;
		}
		#mine .block.gold {
			color: goldenrod;
		}
		#mine .block.diamond {
			color: cyan;
		}
		#skills {
			margin-top: 20px;
		}
		#skills ul {
			padding: 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
		#skills li {
			list-style: none;
			margin-left: 10px;
			margin-right: 10px;
			margin-bottom: 20px;
			width: 30%;
			background-color: #D4D3D6;
			border-radius: 10px;
			padding: 20px;
			text-align: center;
			display: inline-block;
			font-size: 18px;
			cursor: pointer;
		}
		#skills li.disabled {
			background-color: gray;
			color: white;
			cursor: default;
		}
		#result {
			font-size: 48px;
			margin-top: 30px;
			color: green;
		}
	</style>
</head>
<body>
	<div id="mine">
		<p>Pica los bloques para ganar puntos:</p>
		<div class="block" id="block1">💎</div>
		<div class="block" id="block2">💰</div>
		<div class="block" id="block3">🧊</div>
		<p>Tus puntos: <span id="points">0</span></p>
		<div id="skills">
			<p>Mejora tus habilidades:</p>
			<ul>
				<li id="skill1">⛏️ <br> Picar más rápido</li>
				<li id="skill2">💰 <br> Multiplicar puntos</li>
				<li id="skill3" class="disabled">🧊 <br> Mina más profunda</li>
			</ul>
		</div>
		<div id="result"></div>
	</div>
	<script>
		// Variables globales del juego
		let points = 0;
		let block1Chance = 0.6; // probabilidad de que aparezca un bloque de diamante
		let block2Multiplier = 1; // factor por el que se multiplican los puntos al picar un bloque de oro
		let block3Enabled = false;

// Función para picar un bloque
		function mine(block) {
			if (block === 'block1') {
				if (Math.random() <= block1Chance) {
					points += 10;
				}
				else {
					points += 1;
				}
			}
			else if (block === 'block2') {
				points += 5 * block2Multiplier;
			}
			else if (block === 'block3' && block3Enabled) {
				points += 20;
			}

document.getElementById('points').textContent = points;

// Comprobar si se han conseguido todas las mejoras
			if (points >= 100 && block2Multiplier === 10 && block3Enabled) {
				document.getElementById('result').textContent = 'Eres el rey minero!';
			}
		}

// Eventos de picar un bloque
		document.getElementById('block1').addEventListener('click', function() {
			mine('block1');
		});
		document.getElementById('block2').addEventListener('click', function() {
			mine('block2');
		});
		document.getElementById('block3').addEventListener('click', function() {
			mine('block3');
		});

// Eventos de mejora de habilidades
		document.getElementById('skill1').addEventListener('click', function() {
			if (points >= 10) {
				points -= 10;
				block1Chance += 0.1;
				document.getElementById('block1').textContent = '💎';
				document.getElementById('points').textContent = points;
			}
		});

document.getElementById('skill2').addEventListener('click', function() {
			if (points >= 20) {
				points -= 20;
				block2Multiplier *= 2;
				document.getElementById('block2').textContent = '💰';
				document.getElementById('points').textContent = points;
			}
		});

document.getElementById('skill3').addEventListener('click', function() {
			if (points >= 50) {
				points -= 50;
				block3Enabled = true;
				document.getElementById('block3').style.display = 'inline-block';
				document.getElementById('points').textContent = points;
				document.getElementById('skill3').classList.add('disabled');
			}
		});
	</script>
</body>
</html>