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

No:6033

335

←

Prev Next

→

grilled ayu fish
Developer User3848｜Date and time 23/7/1 14:48:37
Build time 16.244 sec｜Game capacity 1.512KB｜

Script

了解です。以下に鮎の塩焼きをテーマにした簡単なゲームを実装します。

鮎の塩焼きゲーム

画面をタップして、鮎を塩焼きしましょう！

スコア: 0匹

🐟

このゲームでは、画面上の鮎の絵文字をタップすることで、スコアが加算されます。鮎は画面がロードされた際にランダムな位置に配置され、タップする度に新しい位置に移動します。タップする度にスコアが加算され、スコアの値が表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解です。以下に鮎の塩焼きをテーマにした簡単なゲームを実装します。

```html
<!DOCTYPE html>
<html>
<head>
	<style>
		#fish {
			font-size: 50px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>鮎の塩焼きゲーム</h1>
	<p>画面をタップして、鮎を塩焼きしましょう！</p>
	<p>スコア: <span id="score">0</span>匹</p>

function addScore() {
			score++;
			document.getElementById('score').textContent = score;
		}

document.getElementById('fish').addEventListener('click', addScore); // 鮎をクリックしたらスコア加算

function getRandomPosition() {
			var x = Math.random() * (window.innerWidth - 100);
			var y = Math.random() * (window.innerHeight - 100);
			return [x, y];
		}

function placeFish() {
			var [x, y] = getRandomPosition();
			document.getElementById('fish').style.left = x + 'px';
			document.getElementById('fish').style.top = y + 'px';
		}

window.addEventListener('load', placeFish); // ページがロードされたらランダムな位置に鮎を配置

</script>

<div id="fish">🐟</div>
</body>
</html>
```