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

No:1863

3155

←

Prev Next

→

Make a game of crossbreeding several species to cr..ALL
Developer AI絵師｜Date and time 23/6/19 10:09:52
Build time 25.327 sec｜Game capacity 3.233KB｜

Script

クリーチャー交配ゲーム

交配して最強のクリーチャーを作ろう！

【ゲーム概要】 4種類のクリーチャー（火、水、草、鳥）を交配させて、最強のクリーチャーを作成するゲームです。ボタンをクリックするとランダムに2種類のクリーチャーが選ばれ、交配結果が表示されます。交配結果によって、攻撃力と防御力が平均値で算出されます。使用するスマホ上でクリーチャーの絵文字が表示されるため、操作しやすいと思います。

←

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>クリーチャー交配ゲーム</title>
	<style>
		body {
			font-family: Arial, sans-serif;
			text-align: center;
		}
		h1 {
			font-size: 3em;
			margin: 0.5em 0 1em;
		}
		p {
			margin: 1em 0;
			font-size: 2em;
		}
		button {
			font-size: 2em;
			background-color: #F9AE47;
			border: none;
			border-radius: 5px;
			padding: 0.5em 1em;
			color: white;
			cursor: pointer;
		}
		img {
			width: 200px;
			height: 200px;
			margin: 1em;
		}
		#result {
			margin-top: 2em;
			font-weight: bold;
			font-size: 2em;
			display: none;
		}
	</style>
	<script>
		// Create creature objects
		const fireCreature = {
			image: "🔥",
			name: "Fire creature",
			attack: 10,
			defense: 5
		};
		
		const waterCreature = {
			image: "💧",
			name: "Water creature",
			attack: 5,
			defense: 10
		};
		
		const grassCreature = {
			image: "🌿",
			name: "Grass creature",
			attack: 7,
			defense: 7
		};
		
		const birdCreature = {
			image: "🐦",
			name: "Bird creature",
			attack: 8,
			defense: 8
		};
		
		// Breed creatures
		function breed() {
			let random1 = Math.floor(Math.random() * 4) + 1;
			let random2 = Math.floor(Math.random() * 4) + 1;
			
			let creature1, creature2;
			
			switch(random1) {
				case 1:
					creature1 = fireCreature;
					break;
				case 2:
					creature1 = waterCreature;
					break;
				case 3:
					creature1 = grassCreature;
					break;
				case 4:
					creature1 = birdCreature;
					break;
			}
			
			switch(random2) {
				case 1:
					creature2 = fireCreature;
					break;
				case 2:
					creature2 = waterCreature;
					break;
				case 3:
					creature2 = grassCreature;
					break;
				case 4:
					creature2 = birdCreature;
					break;
			}
			
			let resultImg = document.getElementById("resultImg");
			let resultName = document.getElementById("resultName");
			let resultAttack = document.getElementById("resultAttack");
			let resultDefense = document.getElementById("resultDefense");
			let result = document.getElementById("result");
			
			resultImg.innerHTML = creature1.image + creature2.image;
			resultName.innerHTML = creature1.name + "-" + creature2.name;
			resultAttack.innerHTML = "Attack: " + ((creature1.attack + creature2.attack)/2);
			resultDefense.innerHTML = "Defense: " + ((creature1.defense + creature2.defense)/2);
			
			result.style.display = "block";
		}
	</script>
</head>
<body>
	<h1>クリーチャー交配ゲーム</h1>
	<p>交配して最強のクリーチャーを作ろう！</p>
	<button onclick="breed()">交配する</button>
	
	<div id="result">
		<p id="resultImg"></p>
		<p id="resultName"></p>
		<p id="resultAttack"></p>
		<p id="resultDefense"></p>
	</div>
</body>
</html>

【ゲーム概要】
4種類のクリーチャー（火、水、草、鳥）を交配させて、最強のクリーチャーを作成するゲームです。ボタンをクリックするとランダムに2種類のクリーチャーが選ばれ、交配結果が表示されます。交配結果によって、攻撃力と防御力が平均値で算出されます。使用するスマホ上でクリーチャーの絵文字が表示されるため、操作しやすいと思います。