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

No:4078

139

←

Prev Next

→

Spaceship Earth
Developer User1006｜Date and time 23/6/27 11:48:11
Build time 21.364 sec｜Game capacity 2.296KB｜

Script

こんにちは、宇宙船地球号さん。課題で要求された条件を満たすゲームを作成することができます。以下に、HTMLファイルを示します。

宇宙船地球号のゲーム

ターゲットを見つけてタップしてください。

スコア: 0

このゲームでは、黄色い丸をタップするとスコアが加算され、再び画面内のランダムな位置に生成されます。スコアは画面上部に表示されます。スマートフォンでプレイすることが前提ということで、モバイル端末で遊ぶ際にはタップできるようにしています。絵文字を使用する必要はありませんでしたが、今回は使わずにシンプルにゲームを作成しました。以上が宇宙船地球号さんが依頼された課題のゲームの実装になります。ご参考になれば幸いです。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

こんにちは、宇宙船地球号さん。

課題で要求された条件を満たすゲームを作成することができます。以下に、HTMLファイルを示します。

```
<!DOCTYPE html>
<html>
<head>
	<title>宇宙船地球号のゲーム</title>
</head>
<body>

<h1>宇宙船地球号のゲーム</h1>

<div>
		<p>ターゲットを見つけてタップしてください。</p>
		<p id="score">スコア: 0</p>
	</div>

const score = document.getElementById("score");
		let currentScore = 0;

function increaseScore() {
			currentScore++;
			score.textContent = `スコア: ${currentScore}`;
		}

function setRandomPosition() {
			const windowHeight = window.innerHeight;
			const windowWidth = window.innerWidth;
			const targetWidth = parseInt(targetDiv.style.width);
			const targetHeight = parseInt(targetDiv.style.height);

const randomTop = Math.floor(Math.random() * (windowHeight - targetHeight));
			const randomLeft = Math.floor(Math.random() * (windowWidth - targetWidth));

targetDiv.style.top = `${randomTop}px`;
			targetDiv.style.left = `${randomLeft}px`;
		}

setRandomPosition();
		document.body.appendChild(targetDiv);
	</script>

</body>
</html>
```

以上が宇宙船地球号さんが依頼された課題のゲームの実装になります。ご参考になれば幸いです。