AI game creator

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

No:2185

564

←

Prev Next

→

devour ones enemy
Developer User3511｜Date and time 23/6/20 12:45:39
Build time 40.498 sec｜Game capacity 2.942KB｜

Script

ゲームを作ってみました！ゲームの概要：主人公の☺️が敵キャラクターの👹を食べて成長するゲームです。敵キャラクターに触れるとゲームオーバーです。実装：以下が1枚のhtmlファイルとして実装されたゲームのコードです。

😊

ゲームの遊び方：ブラウザでhtmlファイルを開いてください。☺️はスマホの画面上でドラッグして移動させることができます。☺️が敵キャラクターの👹に触れないように注意しながら、できるだけ多くの👹を食べてスコアを上げていきましょう！

←

Prev　Next

→ 　

Back　

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

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

ゲームを作ってみました！

ゲームの概要：主人公の☺️が敵キャラクターの👹を食べて成長するゲームです。敵キャラクターに触れるとゲームオーバーです。

実装：以下が1枚のhtmlファイルとして実装されたゲームのコードです。

```
<!DOCTYPE html>
<html>
<head>
	<title>敵を食べるゲーム</title>
	<style>
		#hero {
			width: 50px;
			height: 50px;
			background-color: yellow;
			position: fixed;
			bottom: 50px;
			left: 50px;
			border-radius: 50%;
			text-align: center;
			line-height: 50px;
			font-size: 30px;
			color: black;
		}

.enemy {
			width: 50px;
			height: 50px;
			background-color: red;
			position: absolute;
			top: 0;
			left: 0;
			border-radius: 50%;
			text-align: center;
			line-height: 50px;
			font-size: 30px;
			color: white;
		}
	</style>
</head>
<body>
	<div id="hero">😊</div>

// レベル1の敵キャラクターを作成
		var enemy1 = document.createElement("div");
		enemy1.classList.add("enemy");
		enemy1.style.top = Math.floor(Math.random() * 300) + "px";
		enemy1.style.left = Math.floor(Math.random() * 300) + "px";
		enemy1.innerHTML = "👹";
		document.body.appendChild(enemy1);

// ゲーム開始
		setInterval(function() {
			// 主人公の座標を取得
			var heroRect = hero.getBoundingClientRect();
			var heroX = heroRect.left + heroRect.width / 2;
			var heroY = heroRect.top + heroRect.height / 2;

// 敵キャラクターを取得
			var enemies = document.getElementsByClassName("enemy");

// 敵キャラクターとの衝突判定
			for (var i = 0; i < enemies.length; i++) {
				var enemy = enemies[i];
				var enemyRect = enemy.getBoundingClientRect();
				var enemyX = enemyRect.left + enemyRect.width / 2;
				var enemyY = enemyRect.top + enemyRect.height / 2;

var distance = Math.sqrt((heroX - enemyX) * (heroX - enemyX) + (heroY - enemyY) * (heroY - enemyY));
				if (distance < heroRect.width / 2 + enemyRect.width / 2) {
					score++;
					hero.innerHTML = "😊".repeat(score + 1);
					document.body.removeChild(enemy);
				}
			}

// 敵キャラクターを生成
			if (Math.random() < 0.1) {
				var enemy = document.createElement("div");
				enemy.classList.add("enemy");
				enemy.style.top = Math.floor(Math.random() * 300) + "px";
				enemy.style.left = Math.floor(Math.random() * 300) + "px";
				enemy.innerHTML = "👹";
				document.body.appendChild(enemy);
			}
		}, 1000 / 60);
	</script>
</body>
</html>
```