絵文字合わせゲームマス目に5種類の絵文字が並んでいます。絵文字を選択した際、同じ種類の絵文字が隣合っていた場合、絵文字が消え、上にあった絵文字が消えた分だけ下に落ちます。沢山隣合っているほど高得点です。また、絵文字が一番下に落ちたあと、空いたマスに新たな絵文字が再生成されます。絵文字が消せなくなったら(同じ絵文字が隣り合わなくなったら)ゲームオーバーとなり、スコアが表示されます。's game

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

No:2852

5790

←

Prev Next

→

絵文字合わせゲームマス目に5種類の絵文字が並んでいます。絵文字を選択した際、同じ種類の絵文字が隣..ALL
Developer anonymous｜Date and time 70/1/1 10:11:49
Build time unknown sec｜Game capacity 4.309KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>絵文字合わせゲーム</title>
	<style type="text/css">
		body {
			font-size: 24px;
			margin: 0;
			padding: 0;
		}
		table {
			margin: auto;
			border-collapse: collapse;
			margin-top: 50px;
		}
		td {
			width: 60px;
			height: 60px;
			padding: 0;
			text-align: center;
		}
		button {
			font-size: 24px;
			padding: 10px 20px;
			margin-top: 50px;
		}
		#score {
			font-size: 36px;
			margin-top: 20px;
			text-align: center;
		}
	</style>
</head>
<body>
	<table>
		<tr>
			<td id="cell-0-0"></td>
			<td id="cell-0-1"></td>
			<td id="cell-0-2"></td>
			<td id="cell-0-3"></td>
			<td id="cell-0-4"></td>
		</tr>
		<tr>
			<td id="cell-1-0"></td>
			<td id="cell-1-1"></td>
			<td id="cell-1-2"></td>
			<td id="cell-1-3"></td>
			<td id="cell-1-4"></td>
		</tr>
		<tr>
			<td id="cell-2-0"></td>
			<td id="cell-2-1"></td>
			<td id="cell-2-2"></td>
			<td id="cell-2-3"></td>
			<td id="cell-2-4"></td>
		</tr>
		<tr>
			<td id="cell-3-0"></td>
			<td id="cell-3-1"></td>
			<td id="cell-3-2"></td>
			<td id="cell-3-3"></td>
			<td id="cell-3-4"></td>
		</tr>
		<tr>
			<td id="cell-4-0"></td>
			<td id="cell-4-1"></td>
			<td id="cell-4-2"></td>
			<td id="cell-4-3"></td>
			<td id="cell-4-4"></td>
		</tr>
	</table>
	<div id="score"></div>
	<div>
		<button id="start">スタート</button>
		<button id="reset">リセット</button>
	</div>

function getScore() {
			score += 10;
			document.getElementById("score").innerText = "スコア: " + score;
		}

document.getElementById("start").addEventListener("click", function() {
			table = [
				["🍎", "🍌", "🍉", "🍇", "🍓"],
				["🥕", "🌽", "🍅", "🍆", "🌶️"],
				["🍗", "🍔", "🍟", "🍕", "🥪"],
				["🍣", "🍱", "🍙", "🍘", "🍥"],
				["🍩", "🎂", "🍪", "🍫", "🍭"]
			];
			score = 0;
			gameover = false;
			setTable();
			document.getElementById("score").innerText = "";
		});

document.getElementById("reset").addEventListener("click", function() {
			table = [
				["🍎", "🍌", "🍉", "🍇", "🍓"],
				["🥕", "🌽", "🍅", "🍆", "🌶️"],
				["🍗", "🍔", "🍟", "🍕", "🥪"],
				["🍣", "🍱", "🍙", "🍘", "🍥"],
				["🍩", "🎂", "🍪", "🍫", "🍭"]
			];
			score = 0;
			gameover = false;
			setTable();
			document.getElementById("score").innerText = "";
		});

setTable();
	</script>
</body>
</html>