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

No:3569

2577

←

Prev Next

→

Wenchunbao
Developer anonymous｜Date and time 70/1/1 9:24:53
Build time unknown sec｜Game capacity 1.493KB｜

Script

了解しました。以下にスマホ操作前提のシンプルな絵文字ゲームの例を示します。

Emoji Game

クリックしてEmojiを集めよう！

このゲームでは、ランダムなEmojiが9つ表示されます。Emojiをクリックすると、スコアが1点加算され、再度ランダムなEmojiが表示されます。スコアは画面上部に表示されます。なお、このゲームはプレイ時間が長くなると単調になる可能性があるため、さらにゲーム性を追加するなどの工夫が必要です。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にスマホ操作前提のシンプルな絵文字ゲームの例を示します。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Emoji Game</title>
</head>
<body>
	<h1>Emoji Game</h1>
	<p>クリックしてEmojiを集めよう！</p>
	<div id="score"></div>
	<div id="field"></div>

// スコア
		let score = 0;

// フィールドにランダムなEmojiを表示する
		function showEmojis() {
			const field = document.querySelector('#field');
			field.innerHTML = '';
			for (let i = 0; i < 9; i++) {
				const index = Math.floor(Math.random() * emojis.length);
				const emoji = emojis[index];
				const cell = document.createElement('div');
				cell.innerHTML = emoji;
				cell.addEventListener('click', function() {
					score++;
					document.querySelector('#score').innerHTML = 'Score: ' + score;
					showEmojis();
				});
				field.appendChild(cell);
			}
		}

// ゲーム開始
		showEmojis();
	</script>
</body>
</html>