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

No:1868

1565

←

Prev Next

→

Prompt
Developer User3082｜Date and time 23/6/19 10:21:55
Build time 33.848 sec｜Game capacity 3.145KB｜

Script

Thank you for agreeing to produce this product. Below is an example implementation of an application that meets your requirements.

Emoji Runner

Tap to start!

This application is a running game called Emoji Runner. Players can🏃and is represented by the pictogram of、Tap the screen to jump. Obstacles are📦and expressed as、The game is over when the player collides with an obstacle. To play on a smartphone、Hold screen vertically、It is expected to be played with tap operation. Also、By using a lot of pictograms.、It creates a casual atmosphere.

←

Prev　Next

→ 　

Back　

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

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

制作の了解をいただきありがとうございます。以下に要件を満たすアプリの実装例を示します。

<!DOCTYPE html>
<html>
<head>
	<title>Emoji Runner</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>

<div id="game-container" style="display:none;">
		<div id="player" style="position:absolute;">🏃</div>
		<div id="obstacle" style="position:absolute;">📦</div>
		<div id="score" style="position:absolute; right:10px; top:10px;">Score: 0</div>
	</div>

<div id="start-screen" style="text-align:center;">
		<h1>Emoji Runner</h1>
		<p>Tap to start!</p>
	</div>

// ゲームループを開始する関数
		function startGame() {
			// ゲームコンテナを表示し、スタート画面を非表示にする
			document.getElementById("game-container").style.display = "block";
			document.getElementById("start-screen").style.display = "none";

// プレイヤーと障害物の初期位置を設定
			document.getElementById("player").style.left = playerPosX + "px";
			document.getElementById("obstacle").style.left = obstaclePosX + "px";

// ゲームループを開始
			setInterval(updateGame, 50);
		}

// ゲームループの中で実行される関数
		function updateGame() {
			// プレイヤーの位置を更新
			playerPosX += 10;
			document.getElementById("player").style.left = playerPosX + "px";

// 障害物の位置を更新
			obstaclePosX -= 20;
			document.getElementById("obstacle").style.left = obstaclePosX + "px";

// 衝突判定
			if (obstaclePosX < playerPosX + 50 && obstaclePosX + 50 > playerPosX) {
				endGame();
			}

// スコアを更新
			score++;
			document.getElementById("score").innerText = "Score: " + score;
		}

// ゲームを終了する関数
		function endGame() {
			// ゲームループを停止
			clearInterval(updateGame);

// 終了画面を表示
			document.getElementById("game-container").style.display = "none";
			document.getElementById("start-screen").innerHTML = "<h1>Game Over</h1><p>Final Score: " + score + "</p><p>Tap to try again!</p>";
			document.getElementById("start-screen").style.display = "block";

// 初期化
			score = 0;
			playerPosX = 0;
			obstaclePosX = window.innerWidth - 50;
		}

// ゲーム開始のタップイベントを設定
		document.getElementById("start-screen").addEventListener("click", startGame);
	</script>
	
</body>
</html>

このアプリは「Emoji Runner」というランニングゲームです。プレイヤーは🏃の絵文字で表され、画面をタップするとジャンプします。障害物は📦で表され、プレイヤーが障害物に衝突するとゲームオーバーになります。スマートフォンでプレイする場合、画面を縦に持ち、タップ操作でプレイすることが想定されます。また、絵文字を多用することで、カジュアルな雰囲気を演出しています。