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

No:6575

137

←

Prev Next

→

̶T̶o̶r̶i̶k̶e̶s̶h̶i̶s̶e̶n̶
Developer もちきなこ｜Date and time 23/7/2 20:52:01
Build time 19.047 sec｜Game capacity 1.843KB｜

Script

了解です。ゲームを作成します。以下にサンプルのゲームを用意しました。

Emoji Catch Game

このゲームでは、スタートボタンを押すと😄の絵文字が画面内にランダムに表示されます。絵文字をクリックするとスコアが加算され、新しい絵文字が表示されます。スコアは画面上部に表示されます。このコードをHTMLファイルとして保存し、ブラウザで開くとゲームをプレイできます。スマホで操作することを前提としています。

←

Prev　Next

→ 　

Back　

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

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

了解です。ゲームを作成します。以下にサンプルのゲームを用意しました。

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>ゲーム</title>
	<style>
		body {
			text-align: center;
			margin-top: 200px;
			font-size: 36px;
		}
	</style>
</head>
<body>
	<script>
		// ゲームの処理を記述
		let score = 0;
		
		function startGame() {
			// ゲームスタート時に実行する処理を記述
			score = 0;
			showScore();
			createEmoji();
		}
		
		function showScore() {
			// スコアを表示する処理を記述
			document.getElementById("score").innerHTML = "Score: " + score;
		}
		
		function createEmoji() {
			// 絵文字を表示する処理を記述
			let emoji = document.createElement("div");
			emoji.innerHTML = "😄";
			emoji.style.position = "absolute";
			emoji.style.left = Math.random() * 80 + "%";
			emoji.style.top = Math.random() * 80 + "%";
			emoji.style.fontSize = "48px";
			emoji.style.cursor = "pointer";
			document.body.appendChild(emoji);

emoji.addEventListener("click", function() {
				// 絵文字がクリックされた時の処理を記述
				score++;
				showScore();
				emoji.remove();
				createEmoji();
			});
		}
	</script>

<h1>Emoji Catch Game</h1>
	<button onclick="startGame()">Start Game</button>
	<div id="score" style="margin-top: 20px;"></div>
</body>
</html>
```

このゲームでは、スタートボタンを押すと😄の絵文字が画面内にランダムに表示されます。絵文字をクリックするとスコアが加算され、新しい絵文字が表示されます。スコアは画面上部に表示されます。

このコードをHTMLファイルとして保存し、ブラウザで開くとゲームをプレイできます。スマホで操作することを前提としています。