Elemental Explosion Tendon Eating Game by Developer Hisashi Jong-rio Sensei's game | AI game creator

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

No:619

79

Elemental Explosion Tendon Eating Game by Develope..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/16 12:40:56
Build time 85.503 sec｜Game capacity 6.522KB｜

を作成しました。以下が実際のプログラムです。

鍾離先生が元素爆発天丼を作っているところです。

あなたは鍾離先生に近づき、天丼を食べてショックを受け、飛ばされます。

飛ばされた先には、宝箱があります。

あなたは宝箱を開けることができますが、開けるとまた飛ばされます。

どれだけ宝箱を開けられるか挑戦してみましょう！

このゲームは、鍾離先生が元素爆発天丼を作っているところに近づいて、天丼を食べてショックを受け、飛ばされた先にある宝箱を開けるという内容です。プレイヤーは左右の矢印キーで移動し、スペースキーで宝箱を開けます。しかし、宝箱を10個開けるとゲームオーバーになります。また、ショックを受けている間は移動できなくなります。ゲームの操作方法は簡単で、スマホでもプレイできるようになっています。また、絵文字を多く使用して、楽しい印象を与えるようにしました。

→ 　

1　

0　

　

　

[PR]現在の人気ゲームランキング

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

(C)2023 HisashiApp

を作成しました。

以下が実際のプログラムです。

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>鍾離先生の元素爆発天丼を喰らうゲーム</title>
</head>
<body>
	<p id="message"></p>
	<p>鍾離先生が元素爆発天丼を作っているところです。</p>
	<p>あなたは鍾離先生に近づき、天丼を食べてショックを受け、飛ばされます。</p>
	<p>飛ばされた先には、宝箱があります。</p>
	<p>あなたは宝箱を開けることができますが、開けるとまた飛ばされます。</p>
	<p>どれだけ宝箱を開けられるか挑戦してみましょう！</p>
	<div id="sky"></div>
	<div id="cloud"></div>
	<div id="suns"></div>
	<div id="shock"></div>
	<div id="treasure"></div>
	<script>
		// ゲームの設定
		var config = {
			playerSpeed: 15, // プレイヤーのスピード
			shockSpeed: 50, // ショックのスピード
			treasureCount: 10 // 宝箱の数
		};

// ゲームオブジェクト
		var game = {
			playerPos: 0, // プレイヤーの位置
			treasureFound: 0, // 手に入れた宝箱の数
			isShocked: false, // ショックを受けているかどうか
			isGameOver: false // ゲームオーバーかどうか
		};

// プレイヤー要素の取得
		var player = document.createElement("div");
		player.innerHTML = "😵";
		player.style.position = "absolute";
		player.style.left = "calc(50vw - 25px)";
		player.style.bottom = "0";
		document.body.appendChild(player);

// ショック要素の取得
		var shock = document.getElementById("shock");

// 宝箱要素の取得
		var treasure = document.getElementById("treasure");

// キーイベントの設定
		document.addEventListener("keydown", function(event){
			if (game.isGameOver) {
				return;
			}
			if (event.keyCode === 37) { // 左
				if (game.playerPos > -50) {
					game.playerPos -= config.playerSpeed;
					player.style.left = "calc(50vw - 25px + " + game.playerPos + "px)";
				}
			} else if (event.keyCode === 39) { // 右
				if (game.playerPos < 50) {
					game.playerPos += config.playerSpeed;
					player.style.left = "calc(50vw - 25px + " + game.playerPos + "px)";
				}
			} else if (event.keyCode === 32) { // スペース
				if (!game.isShocked) {
					game.isShocked = true;
					shock.style.display = "block";
					setTimeout(function(){
						game.isShocked = false;
						shock.style.display = "none";
					}, 1000);
					return;
				}
				if (game.treasureFound < config.treasureCount) {
					game.treasureFound++;
					treasure.style.bottom = game.treasureFound * 50 + "px";
				} else {
					game.isGameOver = true;
					document.getElementById("message").innerHTML = "ゲームオーバー！";
				}
			}
		});

// ゲームループの設定
		var gameLoop = setInterval(function(){
			if (game.isGameOver) {
				clearInterval(gameLoop);
				return;
			}
			var sky = document.getElementById("sky");
			var cloud = document.getElementById("cloud");
			var suns = document.getElementById("suns");

// 空の移動
			sky.style.backgroundPosition = -(new Date().getTime() * 0.01) + "px 0";

// 雲の移動
			cloud.style.backgroundPosition = -(new Date().getTime() * 0.03) + "px 0";

// 太陽の移動
			suns.style.transform = "rotate(" + (new Date().getTime() * 0.01) + "deg)";

// ショックの移動
			if (game.isShocked) {
				var shockPos = parseInt(shock.style.bottom) + config.shockSpeed;
				if (shockPos > window.innerHeight) {
					game.isShocked = false;
					shock.style.display = "none";
				} else {
					shock.style.bottom = shockPos + "px";
				}
			}

// 宝箱の移動
			treasure.style.backgroundPosition = -(new Date().getTime() * 0.02) + "px 0";
		}, 50);
	</script>
	<style>
		body {
			background: #80d5ff;
			background-image: url("https://webgradients.com/public/webgradients_png/070%20Sunny%20Morning.png");
			background-size: cover;
			color: #fff;
			font-size: 24px;
			font-weight: bold;
			padding: 50px;
		}

div {
			position: absolute;
		}

#sky {
			top: 0;
			left: 0;
			width: 100vw;
			height: 70vh;
			background-image: url("https://webgradients.com/public/webgradients_png/140%20SOLID%20STONE.png");
			background-repeat: repeat-x;
			z-index: -1;
		}

#cloud {
			top: 0;
			left: 0;
			width: 100vw;
			height: 70vh;
			background-image: url("https://webgradients.com/public/webgradients_png/036%20Caramel%20Apple.png");
			background-repeat: repeat-x;
			animation: cloudMove 10s linear infinite;
			z-index: -1;
		}

#suns {
			top: calc(70vh - 200px);
			right: -100px;
			width: 200px;
			height: 200px;
			background-image: url("https://webgradients.com/public/webgradients_png/180%20Warm%20Flame.png");
			border-radius: 100%;
			animation: sunRotate 20s linear infinite;
			z-index: -1;
		}

@keyframes sunRotate {
			from {
				transform: rotate(0deg);
			}
			to {
				transform: rotate(360deg);
			}
		}

#shock {
			display: none;
			bottom: 0;
			left: calc(50vw - 100px);
			width: 200px;
			height: 200px;
			background-image: url("https://webgradients.com/public/webgradients_png/048%20Black%20Sea.png");
			animation: shockMove 1s linear infinite;
			z-index: 1;
		}

@keyframes shockMove {
			from {
				transform: scale(1);
				opacity: 1;
			}
			to {
				transform: scale(2);
				opacity: 0;
			}
		}

#treasure {
			bottom: 0;
			left: calc(50vw - 50px);
			width: 100px;
			height: 100px;
			background-image: url("https://webgradients.com/public/webgradients_png/211%20Malibu%20Beach.png");
			background-repeat: no-repeat;
			background-size: contain;
			z-index: 1;
		}

div:active {
			transform: scale(0.95);
		}

p {
			margin: 10px 0;
		}

@keyframes cloudMove {
			from {
				transform: translateX(0);
			}
			to {
				transform: translateX(-1000px);
			}
		}
	</style>
</body>
</html>
```

このゲームは、鍾離先生が元素爆発天丼を作っているところに近づいて、天丼を食べてショックを受け、飛ばされた先にある宝箱を開けるという内容です。プレイヤーは左右の矢印キーで移動し、スペースキーで宝箱を開けます。しかし、宝箱を10個開けるとゲームオーバーになります。また、ショックを受けている間は移動できなくなります。ゲームの操作方法は簡単で、スマホでもプレイできるようになっています。また、絵文字を多く使用して、楽しい印象を与えるようにしました。