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

No:2180

1118

Eat a lot of saury
Developer sayaensm｜Date and time 23/6/20 12:39:31
Build time 41.209 sec｜Game capacity 2.874KB｜

サンマ食べまくりゲームこのゲームでは、スマホでサンマを食べまくりながら、できるだけ高得点を目指します。ゲームの遊び方： 1. 「Start」ボタンを押してゲームを開始します。 2. ゲーム画面には、サンマのイラストが配置されます。 3. タップすると、サンマを食べることができます。 4. サンマを食べると「+1」の得点が加算されます。 5. 画面上から次々にサンマが現れ、続けて食べることで高得点を狙います。 6. ゲーム時間は60秒間です。ゲームの実装：以下は、アプリの実装に必要なHTMLとJavaScriptのコードです。

サンマ食べまくりゲーム

Score: 0

このコードでは、HTMLの``内にゲーム画面の要素を配置しています。JavaScriptの`startGame()`関数は、「Start」ボタンが押された際に呼び出されます。この関数では、得点を初期化し、タイマーを開始します。また、`showFish()`関数では、画面上からサンマのイラストを表示させる処理を行っています。以上のコードを実行すると、スマホで遊べるサンマ食べまくりゲームが完成します。

→ 　

0　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

サンマ食べまくりゲーム

このゲームでは、スマホでサンマを食べまくりながら、できるだけ高得点を目指します。

ゲームの遊び方：

1. 「Start」ボタンを押してゲームを開始します。
2. ゲーム画面には、サンマのイラストが配置されます。
3. タップすると、サンマを食べることができます。
4. サンマを食べると「+1」の得点が加算されます。
5. 画面上から次々にサンマが現れ、続けて食べることで高得点を狙います。
6. ゲーム時間は60秒間です。

ゲームの実装：

以下は、アプリの実装に必要なHTMLとJavaScriptのコードです。

```html
<!DOCTYPE html>
<html>
<head>
	<title>サンマ食べまくりゲーム</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			font-size: 20px;
			border: 3px solid black;
			padding: 20px;
			background-color: #f5deb3;
			text-align: center;
		}
		h1 {
			font-size: 40px;
			margin-bottom: 30px;
		}
		#score {
			font-size: 30px;
			margin-bottom: 20px;
		}
		button {
			font-size: 25px;
			padding: 10px 20px;
			border: none;
			background-color: #ffa07a;
			color: white;
			text-align: center;
			cursor: pointer;
			margin: 10px;
		}
		img {
			height: 100px;
			margin: 20px;
			cursor: pointer;
		}
	</style>
	<script>
		var score = 0;
		var timeLeft = 60;

function startGame() {
			document.getElementById("score").innerHTML = "Score: 0";
			score = 0;
			timeLeft = 60;
			setInterval(function() {
				if (timeLeft <= 0) {
					alert("Time's up! Your score: " + score);
					clearInterval();
				} else {
					document.getElementById("timer").innerHTML = "Time left: " + timeLeft;
					timeLeft--;
				}
			}, 1000);
			showFish();
		}

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

function showFish() {
			var fish = document.createElement("img");
			fish.setAttribute("src", "samma.png");
			fish.setAttribute("onclick", "eatFish()");
			document.body.appendChild(fish);
		}
	</script>
</head>
<body>
	<h1>サンマ食べまくりゲーム</h1>
	<div id="score">Score: 0</div>
	<div id="timer"></div>
	<button onclick="startGame()">Start</button>
</body>
</html>
```

このコードでは、HTMLの`<body>`内にゲーム画面の要素を配置しています。JavaScriptの`startGame()`関数は、「Start」ボタンが押された際に呼び出されます。この関数では、得点を初期化し、タイマーを開始します。また、`showFish()`関数では、画面上からサンマのイラストを表示させる処理を行っています。

以上のコードを実行すると、スマホで遊べるサンマ食べまくりゲームが完成します。