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

No:9446

←

Prev Next

→

mosquito coil
Developer anonymous｜Date and time 23/7/24 23:42:10
Build time 19.601 sec｜Game capacity 1.83KB｜

Script

では、以下にHTMLファイルを用いた簡単なゲームの実装例を示します。

蚊取り線香ゲーム

スコア: 0

このプログラムでは、画面上にランダムな位置に蚊の絵文字が表示され、クリックすることで蚊を捕まえるゲームです。ゲームを開始するには「ゲームスタート」ボタンを押し、ゲームを終了するには「ゲームストップ」ボタンを押します。ゲームが終了すると、得点が表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

では、以下にHTMLファイルを用いた簡単なゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
	<title>蚊取り線香ゲーム</title>
</head>
<body>
	<h1>蚊取り線香ゲーム</h1>
	<p id="score">スコア: 0</p>
	<div>
		<button onclick="startGame()">ゲームスタート</button>
		<button onclick="stopGame()">ゲームストップ</button>
	</div>
	<div id="mosquito"></div>
	
	<script>
		var score = 0;
		var gameInterval;

function startGame() {
			gameInterval = setInterval(moveMosquito, 1000);
		}

function stopGame() {
			clearInterval(gameInterval);
			document.getElementById("mosquito").style.display = "none";
			alert("ゲーム終了！ スコア: " + score);
			score = 0;
			document.getElementById("score").textContent = "スコア: 0";
		}

function moveMosquito() {
			var mosquito = document.getElementById("mosquito");
			var screenWidth = window.innerWidth;
			var screenHeight = window.innerHeight;

var randomX = Math.floor(Math.random() * (screenWidth - 50));
			var randomY = Math.floor(Math.random() * (screenHeight - 50));

mosquito.style.left = randomX + "px";
			mosquito.style.top = randomY + "px";
			mosquito.style.display = "block";

mosquito.addEventListener("click", function() {
				score++;
				document.getElementById("score").textContent = "スコア: " + score;
				mosquito.style.display = "none";
			});
		}
	</script>
</body>
</html>
```