AI game creator

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

No:1511

108

←

Prev Next

→

Tease?
Developer User3025｜Date and time 23/6/18 17:52:19
Build time 44.121 sec｜Game capacity 2.945KB｜

Script

了解しました。アプリケーションを作成します。以下は、シンプルなゲームの例です。

スコア: 0

このゲームは、プレイヤーが落下する敵を避けながら高スコアを目指すシンプルなものです。スマートフォンの傾きに合わせてプレイヤーを操作します。衝突判定が行われ、スコアがリアルタイムで表示されます。ゲームオーバーになると、再度プレイすることができます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解しました。アプリケーションを作成します。

以下は、シンプルなゲームの例です。

<!DOCTYPE html>
<html>
<head>
	<title>シンプルなゲーム</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			background-color: #f9c2ff;
		}
		#scoreboard {
			font-size: 20px;
			text-align: center;
			margin: 10px 0;
		}
		#gameboard {
			width: 100%;
			height: 400px;
			position: relative;
			background-color: #3f51b5;
		}
		#player {
			width: 50px;
			height: 50px;
			position: absolute;
			bottom: 0;
			background-color: #ff9800;
		}
		#enemy {
			width: 50px;
			height: 50px;
			position: absolute;
			top: 0;
			background-color: #f44336;
		}
	</style>
</head>
<body>

document.addEventListener("DOMContentLoaded", function(event) { 
		// 初期化処理
		resetGame();
	});

function resetGame() {
		// ゲームを初期化する
		score = 0;
		document.getElementById("score").textContent = score;
		document.getElementById("player").style.left = "50%";
		document.getElementById("enemy").style.top = "0";

if (intervalId !== null) {
			// ゲームループを停止する
			clearInterval(intervalId);
			intervalId = null;
		}

// ゲームループを開始する
		intervalId = setInterval(function() {
			score++;
			document.getElementById("score").textContent = score;

var enemyTop = parseInt(document.getElementById("enemy").style.top) || 0;
			enemyTop += speed;
			document.getElementById("enemy").style.top = enemyTop + "px";

if (enemyTop > document.getElementById("gameboard").offsetHeight - 50) {
				// ゲームオーバー
				resetGame();
			} else {
				if (enemyTop + 50 > parseInt(document.getElementById("player").style.bottom)) {
					// 衝突判定
					resetGame();
				}
			}
		}, 30);
	}
</script>

</body>
</html>