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

No:2656

754

←

Prev Next

→

Mix the title game will be that we must get tools ..ALL
Developer User3408｜Date and time 23/6/22 8:19:28
Build time 35.836 sec｜Game capacity 5.433KB｜

Script

¡Hola! Aquí está mi propuesta de código HTML para Mix, el juego en el que puedes fusionar herramientas y espadas de diferentes materiales para derrotar al golem final:

Mix - El juego de fusiones

¡Bienvenido! En este juego, debes conseguir armas de diferentes materiales y fusionarlas para ser más fuerte. ¡Derrota al golem final para ganar!

¡Espero que te guste! Me emociona pensar en las posibilidades de fusión y cómo se pueden usar las herramientas únicas para crear armas más poderosas. ¡Que disfrutes jugando!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

¡Hola! Aquí está mi propuesta de código HTML para Mix, el juego en el que puedes fusionar herramientas y espadas de diferentes materiales para derrotar al golem final:

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Mix - El juego de fusiones</title>
	<style>
		body {
			font-family: Arial, sans-serif;
			background-color: #333;
			color: #fff;
			text-align: center;
		}
		h1 {
			font-size: 3em;
			margin-top: 50px;
			margin-bottom: 20px;
		}
		p {
			font-size: 1.2em;
			margin-bottom: 20px;
		}
		button {
			font-size: 1.5em;
			padding: 10px 20px;
			background-color: #ffcc00;
			border: none;
			border-radius: 5px;
			color: #333;
			cursor: pointer;
		}
		#game {
			display: none;
			margin-top: 50px;
		}
		#canvas {
			background-color: #fff;
			border: 2px solid #333;
			margin: 0 auto;
			border-radius: 5px;
		}
	</style>
	<script>
		window.onload = function() {
			var gameStarted = false;
			var screenWidth = window.innerWidth;
			var screenHeight = window.innerHeight;
			var canvas = document.getElementById("canvas");
			canvas.width = screenWidth * 0.8;
			canvas.height = screenHeight * 0.6;
			var context = canvas.getContext("2d");
			var player = {
				x: screenWidth/2,
				y: screenHeight/2,
				speed: 10,
				size: 50,
				color: "#f00",
				weapon: null
			};
			var materials = ["wood", "stone", "iron", "diamond"];
			var weapons = [
				{name: "wooden sword", material: "wood", damage: 10},
				{name: "stone sword", material: "stone", damage: 20},
				{name: "iron sword", material: "iron", damage: 30},
				{name: "diamond sword", material: "diamond", damage: 40}
			];
			var golem = {
				x: Math.random() * screenWidth,
				y: Math.random() * screenHeight,
				size: 100,
				color: "#ccc",
				hp: 100
			};
			
			function drawPlayer() {
				context.fillStyle = player.color;
				context.fillRect(player.x - player.size/2, player.y - player.size/2, player.size, player.size);
			}
			
			function drawGolem() {
				context.fillStyle = golem.color;
				context.fillRect(golem.x - golem.size/2, golem.y - golem.size/2, golem.size, golem.size);
				context.fillStyle = "#f00";
				context.fillRect(golem.x - golem.size/2, golem.y - golem.size/2 - 20, golem.hp/golem.maxHp * golem.size, 10);
			}
			
			function update() {
				if (player.weapon != null) {
					player.color = "#" + player.weapon.material;
				}
				if (golem.hp <= 0) {
					alert("¡Has derrotado al golem final! ¡Felicidades!");
					location.reload();
				}
			}
			
			function gameloop() {
				context.clearRect(0, 0, canvas.width, canvas.height);
				if (gameStarted) {
					update();
					drawPlayer();
					drawGolem();
				}
				requestAnimationFrame(gameloop);
			}
			requestAnimationFrame(gameloop);
			
			function startGame() {
				gameStarted = true;
				document.getElementById("start-button").style.display = "none";
				document.getElementById("game").style.display = "block";
				var materialsButtons = document.getElementById("materials-buttons");
				for (var i = 0; i < materials.length; i++) {
					var materialButton = document.createElement("button");
					materialButton.innerHTML = "<img src='" + materials[i] + ".png' width='50' height='50'>";
					materialButton.setAttribute("onclick", "handleMaterial('" + materials[i] + "')");
					materialButton.style.backgroundColor = "#" + materials[i];
					materialsButtons.appendChild(materialButton);
				}
			}
			
			function handleMaterial(material) {
				if (player.weapon == null) {
					var weapon = weapons.find(function(w) { return w.material == material; });
					if (weapon == null) {
						alert("¡No hay armas hechas de " + material + "!");
						return;
					}
					player.weapon = weapon;
				} else {
					var weapon = weapons.find(function(w) { return w.material == material; });
					if (weapon == null) {
						alert("¡No hay armas hechas de " + material + "!");
						return;
					}
					if (player.weapon.material == weapon.material) {
						player.weapon.damage += weapon.damage;
					} else {
						player.weapon = weapons.find(function(w) { return w.name == "Mix"; });
					}
				}
			}
			
			function attack() {
				if (player.weapon == null) {
					alert("¡No tienes arma! ¡Consigue una antes de luchar!");
					return;
				}
				var distance = Math.sqrt(Math.pow(player.x - golem.x, 2) + Math.pow(player.y - golem.y, 2));
				if (distance > player.size/2 + golem.size/2) {
					alert("¡El golem está demasiado lejos! ¡Acércate a él para atacar!");
					return;
				}
				golem.hp -= player.weapon.damage;
				alert("¡Has atacado al golem y le has hecho " + player.weapon.damage + " puntos de daño!");
			}
			
			document.getElementById("start-button").addEventListener("click", startGame);
			document.getElementById("attack-button").addEventListener("click", attack);
		};
	</script>
</head>
<body>
	<h1>Mix - El juego de fusiones</h1>
	<p>¡Bienvenido! En este juego, debes conseguir armas de diferentes materiales y fusionarlas para ser más fuerte. ¡Derrota al golem final para ganar!</p>
	<button id="start-button">¡Empecemos!</button>
	<div id="game">
		<div id="materials-buttons"></div>
		<canvas id="canvas"></canvas>
		<button id="attack-button">¡Ataca al golem!</button>
	</div>
</body>
</html>

¡Espero que te guste! Me emociona pensar en las posibilidades de fusión y cómo se pueden usar las herramientas únicas para crear armas más poderosas. ¡Que disfrutes jugando!