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

No:2838

4271

←

Prev Next

→

🎣🐙🦑🐡🦀🦞🦐🪼🐋🐳🐬🐟🐠🐡🐡🐡🐡📥
Developer User3589｜Date and time 23/6/22 21:11:08
Build time 38.6 sec｜Game capacity 2.975KB｜

Script

🎣🐙🦑🐡🦀🦞🦐🪼🐋🐳🐬🐟🐠🐡🐡🐡🐡

遊び方

スマホで画面をタップすると🎣釣り糸が垂れ下がります。🐟🐠🐡🐡を釣り上げて得点を稼ぎましょう。

得点

🐟 = 10点

🐠 = 20点

🐡 = 30点

ゲーム開始！

🎣

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>海の中の仲間たち</title>
	<meta charset='utf-8'>
</head>
<body>
	<h1>🎣🐙🦑🐡🦀🦞🦐🪼🐋🐳🐬🐟🐠🐡🐡🐡🐡</h1>

<h2>遊び方</h2>
	<p>スマホで画面をタップすると🎣釣り糸が垂れ下がります。🐟🐠🐡🐡を釣り上げて得点を稼ぎましょう。</p>

<h2>ゲーム開始！</h2>
	<div id='sea'>
		<div id='hook' style='left:50%'>🎣</div>
	</div>
	<p id='score'>0</p>

// 画面タップで釣り糸を垂らす
	document.body.addEventListener('touchstart', function() {
		moveHookDown();
	});

// 釣り糸を垂らす
	function moveHookDown() {
		let hook = document.getElementById('hook');
		let sea = document.getElementById('sea');

let hookTop = hook.offsetTop;
		let seaHeight = sea.offsetTop + sea.offsetHeight;

if (hookTop < seaHeight) {
			hook.style.top = hookTop + 10 + 'px';
			setTimeout(moveHookDown, 50);
		} else {
			checkFish();
		}
	}

// 釣り上げる
	function moveHookUp() {
		let hook = document.getElementById('hook');
		hook.style.top = '0px';
		setTimeout(function() {
			hook.style.left = '50%';
			checkFish();
		}, 1000);
	}

// 魚がかかっているかチェック
	function checkFish() {
		let sea = document.getElementById('sea');
		let hook = document.getElementById('hook');

let fish = sea.querySelector(':last-child');

if (fish && hook.offsetTop < fish.offsetTop + fish.offsetHeight) {
			score += fish.dataset.point;
			document.getElementById('score').textContent = score;

fish.remove();
			moveHookUp();
		} else {
			alert('ざんねん！お魚は逃げちゃった！');
			hook.style.top = '0px';
		}
	}

// 仲間たちを配置する
	let fishes = ['🐟', '🐠', '🐡'];
	setInterval(function() {
		let index = Math.floor(Math.random() * fishes.length);
		let fish = document.createElement('div');
		fish.textContent = fishes[index];
		fish.dataset.point = (index + 1) * 10;
		fish.style.left = Math.floor(Math.random() * 80) + 10 + '%';

document.getElementById('sea').appendChild(fish);

// 魚が画面外に出たら削除する
		setTimeout(function() {
			fish.remove();
		}, 6000);
	}, 1000);
	</script>

/* 魚たち */
	#sea > div {
		position: absolute;
		top: 0;
		font-size: 50px;
		animation: swim 5s ease-in-out infinite;
	}
	@keyframes swim {
		0% {
			top: -50px;
			opacity: 0;
			transform: rotate(0);
		}
		30% {
			opacity: 1;
			transform: rotate(20deg);
		}
		60% {
			transform: rotate(0);
		}
		100% {
			top: 250px;
			opacity: 0;
			transform: rotate(-20deg);
		}
	}
	</style>
</body>
</html>