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

No:3151

1968

←

Prev Next

→

✨✨✨✨✨✨✨✨✨✨✨
Developer User3655｜Date and time 23/6/24 0:08:02
Build time 29.461 sec｜Game capacity 2.486KB｜

Script

はい、了解しました！私は1枚のhtmlファイルを使用して、JavaScriptを含むゲームアプリを実装します。操作はスマホを前提としており、絵文字を使用してより楽しい仕様にします。それでは、実際のプログラムを記述します！

Emoji Game!

Score: 0

このアプリは、ランダムな絵文字が1秒ごとに表示され、スマホでタップすることでスコアが加算されます。最初に「Tap me!」というボタンをタップすることでゲームがスタートし、その後は絵文字をタップし続けてスコアを稼ぎます。スコアは画面上部に表示され、ランキングを競うことができます。楽しんで遊んでください！✨

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Emoji Game!</title>
	<style>
		* {
			box-sizing: border-box;
			margin: 0;
			padding: 0;
			font-size: 24px;
			font-family: Helvetica, Arial, sans-serif;
		}

body {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 100vh;
			background-color: #F5F5F5;
		}

h1 {
			margin-bottom: 20px;
		}

button {
			background-color: #0B72B6;
			color: white;
			padding: 10px 20px;
			border: none;
			border-radius: 4px;
			cursor: pointer;
			font-weight: bold;
			margin-bottom: 20px;
		}

#emoji {
			font-size: 60px;
			margin-bottom: 20px;
		}

#score {
			font-weight: bold;
			font-size: 24px;
		}
	</style>
</head>
<body>
	<h1>Emoji Game!</h1>
	<div id="emoji"></div>
	<button id="btn">Tap me!</button>
	<div id="score">Score: 0</div>

var score = 0;
		var intervalId;

function start() {
			document.getElementById("btn").style.display = "none";
			intervalId = setInterval(showEmoji, 1000);
		}

function showEmoji() {
			var randomIndex = Math.floor(Math.random() * emojis.length);
			document.getElementById("emoji").innerHTML = emojis[randomIndex];
		}

function onTap() {
			score++;
			document.getElementById("score").innerHTML = "Score: " + score;
		}

document.getElementById("btn").addEventListener("click", start);
		document.getElementById("emoji").addEventListener("click", onTap);
	</script>
</body>
</html>