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

No:3831

3881

Dont run away, dont run away, dont run away,
Developer User3694｜Date and time 23/6/26 18:21:05
Build time 43.766 sec｜Game capacity 4.005KB｜

はい、了解しました。以下は私が作成したサンプルゲームのコードです。

Emoji Collect

スマホで遊べます

スコア: 0点

このゲームは「Emoji Collect」という名前で、プレイヤーが画面下に向かって落ちてくるエmojiを追いかけて集めるゲームです。プレイヤーを左右に動かすことができ、エmojiに触れるとスコアが加算されます。新しいエmojiが画面上部から降ってきて、プレイヤーの操作に合わせて左右に動きます。スマホやタブレットでプレイすることを前提に作成されており、画面中央下部に表示されるプレイヤーをタッチすることで操作します。また、エmojiの図案は「😀」から「💤」までの26種類からランダムに選ばれます。コメントにある「逃げちゃダメだ、逃げちゃダメだ、逃げちゃダメだ、」は飛車角落ちのセリフで、意味は特にありませんが、面白いので付け加えてみました。

→ 　

3　

3　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

はい、了解しました。以下は私が作成したサンプルゲームのコードです。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Emoji Collect</title>
	<style>
		body { text-align: center; }
		h1, h2 { margin: 0; }
		#score { font-size: 24px; }
		canvas { border: 1px solid black; }
	</style>
</head>
<body>
	<h1>Emoji Collect</h1>
	<h2>スマホで遊べます</h2>
	<div id="score">スコア: 0点</div>
	<canvas id="canvas" width="320" height="480"></canvas>
	<script>
		var canvas = document.getElementById("canvas");
		var ctx = canvas.getContext("2d");

// スコア
		var score = 0;
		var scoreText = document.getElementById("score");

// エmoji
		var emojiList = ["😀", "😁", "😂", "🤣", "😃", "😄", "😅", "😆", "😇", "😉", "😊", "🙂", "🙃", "😋", "😍", "😘", "😜", "😝", "😛", "🤑", "🤗", "🤔", "🙄", "🤐", "😴", "💤"];
		var emojiSpeed = 3;
		var emojis = [];

// プレイヤー
		var player = {
			x: canvas.width / 2,
			y: canvas.height - 50,
			width: 50,
			height: 50,
			speed: 5
		};

// タッチスクリーンの場合はタッチイベントを設定
		if ("ontouchstart" in document.documentElement) {
			canvas.addEventListener("touchmove", touchHandler);
			canvas.addEventListener("touchstart", function(e) { e.preventDefault(); }, { passive: false });
			canvas.addEventListener("touchend", function(e) { e.preventDefault(); }, { passive: false });
		}
		// そうでない場合はマウスイベントを設定
		else {
			canvas.addEventListener("mousemove", mouseHandler);
		}

// ゲームループ
		var gameLoop = setInterval(function() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);

// スコア表示更新
			scoreText.textContent = "スコア: " + score + "点";

// プレイヤー描画
			ctx.fillStyle = "blue";
			ctx.fillRect(player.x - player.width / 2, player.y - player.height / 2, player.width, player.height);

// エmoji描画
			for (var i = 0; i < emojis.length; i++) {
				var e = emojis[i];
				ctx.fillStyle = "black";
				ctx.font = "50px serif";
				ctx.fillText(e.text, e.x, e.y);

// エmoji当たり判定
				if ((e.x > player.x - player.width / 2 && e.x < player.x + player.width / 2) &&
					(e.y > player.y - player.height / 2 && e.y < player.y + player.height / 2)) {
					score++;
					emojis.splice(i, 1);
					break;
				}

// 画面外のエmoji除去
				if (e.y > canvas.height) {
					emojis.splice(i, 1);
					break;
				}

// エmoji移動
				e.y += emojiSpeed;
			}

// 新しいエmoji追加
			if (Math.random() < 0.1) {
				var e = {
					text: emojiList[Math.floor(Math.random() * emojiList.length)],
					x: Math.random() * canvas.width,
					y: 0
				};
				emojis.push(e);
			}
		}, 16);

// タッチハンドラー
		function touchHandler(e) {
			e.preventDefault();
			var touch = e.touches[0];
			player.x = touch.pageX - canvas.offsetLeft;
		}

// マウスハンドラー
		function mouseHandler(e) {
			player.x = e.clientX - canvas.offsetLeft;
		}
	</script>
</body>
</html>

このゲームは「Emoji Collect」という名前で、プレイヤーが画面下に向かって落ちてくるエmojiを追いかけて集めるゲームです。プレイヤーを左右に動かすことができ、エmojiに触れるとスコアが加算されます。新しいエmojiが画面上部から降ってきて、プレイヤーの操作に合わせて左右に動きます。スマホやタブレットでプレイすることを前提に作成されており、画面中央下部に表示されるプレイヤーをタッチすることで操作します。また、エmojiの図案は「😀」から「💤」までの26種類からランダムに選ばれます。コメントにある「逃げちゃダメだ、逃げちゃダメだ、逃げちゃダメだ、」は飛車角落ちのセリフで、意味は特にありませんが、面白いので付け加えてみました。