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

No:4158

1109

←

Prev Next

→

📛The game of baking tofu in purgatory 📛.
Developer AI絵師｜Date and time 23/6/27 13:11:36
Build time 48.132 sec｜Game capacity 3.763KB｜

Script

はい、了解しました。豆腐を煉獄で焼くゲームを実装します。以下が実際のプログラムです。JavaScriptはscriptタグで囲み、即座に実行されます。このゲームはスマホでプレイできるようにしています。

豆腐を煉獄で焼くゲーム

火のついた豆腐が流れてくるので、スマホを傾けて避けよう！

このゲームでは、火のついた豆腐が画面上から流れてきます。スマホを傾けて左右に動かして、豆腐を避けましょう。時間が経過すると、豆腐の速度が速くなって難しくなります。豆腐に触れるとゲームオーバーです。画面全体の下にある豆腐は、スマホを動かしても位置が固定され、プレイヤーの操作の目印となっています。また、絵文字を使って、豆腐と火を表現しています。以上が、「豆腐を煉獄で焼くゲーム」の実装になります。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

はい、了解しました。豆腐を煉獄で焼くゲームを実装します。

以下が実際のプログラムです。JavaScriptはscriptタグで囲み、即座に実行されます。このゲームはスマホでプレイできるようにしています。

```
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>豆腐を煉獄で焼くゲーム</title>
</head>
<body>
	<h1>豆腐を煉獄で焼くゲーム</h1>
	<p>火のついた豆腐が流れてくるので、スマホを傾けて避けよう！</p>
	<div id="gameBoard">
		<div id="tofu"></div>
	</div>
	<script>
	// 豆腐を煉獄で焼くゲーム
	var tofu = document.getElementById("tofu");
	var gameBoard = document.getElementById("gameBoard");

// 豆腐の情報
	var tofuInfo = {
		height: 80, // 豆腐の高さ
		width: 80, // 豆腐の幅
		speed: 5 // 豆腐の速度
	};

// 豆腐の初期位置
	var tofuPosition = {
		x: 0, // x座標
		y: 0 // y座標
	};

// 火のついた豆腐を作成
	function createTofu() {
		var fireTofu = document.createElement('div');
		fireTofu.classList.add('fire');
		gameBoard.appendChild(fireTofu);
		tofuPosition.x = Math.random() * (gameBoard.offsetWidth - tofuInfo.width);
		tofuPosition.y = 0;
		fireTofu.style.left = tofuPosition.x + 'px';
		fireTofu.style.top = tofuPosition.y + 'px';
	}

// 豆腐を動かす
	function moveTofu() {
		if (tofuPosition.y < gameBoard.offsetHeight - tofuInfo.height) {
			tofuPosition.y = tofuPosition.y + tofuInfo.speed;
			tofu.style.top = tofuPosition.y + 'px';
		} else {
			removeTofu();
		}
	}

// 豆腐を削除する
	function removeTofu() {
		var children = gameBoard.children;
		for (var i = 0; i < children.length; i++) {
			if (children[i].classList.contains('fire')) {
				gameBoard.removeChild(children[i]);
			}
		}
	}

// スマホの傾きを取得して豆腐を動かす
	window.addEventListener("devicemotion", function(event) {
		var x = event.accelerationIncludingGravity.x;

if (Math.abs(x) > 1) {
			if (x < 0) {
				tofuPosition.x = tofuPosition.x - tofuInfo.speed;
				if (tofuPosition.x < 0) {
					tofuPosition.x = 0;
				}
			} else {
				tofuPosition.x = tofuPosition.x + tofuInfo.speed;
				if (tofuPosition.x > gameBoard.offsetWidth - tofuInfo.width) {
					tofuPosition.x = gameBoard.offsetWidth - tofuInfo.width;
				}
			}

tofu.style.left = tofuPosition.x + 'px';
		}
	});

// 一定時間ごとに豆腐を作成して動かす
	setInterval(function() {
		createTofu();
		setTimeout(moveTofu, 1000);
	}, 2000);
	</script>
	<style>
	#gameBoard {
		position: relative;
		height: 400px;
		background-color: #000;
	}

#tofu {
		width: 80px;
		height: 80px;
		background-image: url('https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/steaming-bowl_1f35c.png');
		background-size: contain;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}

.fire {
		width: 80px;
		height: 80px;
		background-image: url('https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/fire_1f525.png');
		background-size: contain;
		position: absolute;
	}

</style>
</body>
</html>
```

このゲームでは、火のついた豆腐が画面上から流れてきます。スマホを傾けて左右に動かして、豆腐を避けましょう。時間が経過すると、豆腐の速度が速くなって難しくなります。豆腐に触れるとゲームオーバーです。

画面全体の下にある豆腐は、スマホを動かしても位置が固定され、プレイヤーの操作の目印となっています。また、絵文字を使って、豆腐と火を表現しています。

以上が、「豆腐を煉獄で焼くゲーム」の実装になります。