AI game creator

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

No:3976

1783

←

Prev Next

→

scuba diving
Developer User1006｜Date and time 23/6/27 1:09:04
Build time 22.083 sec｜Game capacity 1.754KB｜

Script

スキューバダイビングゲーム

あなたは潜水艦から飛び込み、敵魚から逃げることが目的です。

画面をタップすると潜ることができます。

🧑

🦈

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

スキューバダイビングゲーム

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<title>スキューバダイビングゲーム</title>
	<style type="text/css">
		body {
			background-color: #87CEFA;
		}

#div-player {
			position: absolute;
			bottom: 0px;
			left: 200px;
		}

#div-enemy {
			position: absolute;
			bottom: 0px;
			right: 200px;
		}
	</style>
</head>
<body>
	<h1>スキューバダイビングゲーム</h1>
	<p>あなたは潜水艦から飛び込み、敵魚から逃げることが目的です。</p>
	<p>画面をタップすると潜ることができます。</p>
	<div id="div-player">🧑</div>
	<div id="div-enemy">🦈</div>
	<script type="text/javascript">
		var playerDiv, enemyDiv;
		var playerY = 0;

function init() {
			playerDiv = document.getElementById("div-player");
			enemyDiv = document.getElementById("div-enemy");
			document.addEventListener("click", onDocumentClick, false);
			setInterval(move, 20);
		}

function onDocumentClick() {
			playerY -= 50;
			if (playerY < -50) {
				playerY = -50;
			}
		}

function collisionCheck(a, b) {
			var aRect = a.getBoundingClientRect();
			var bRect = b.getBoundingClientRect();

if (aRect.left <= bRect.right && aRect.right >= bRect.left &&
				aRect.top <= bRect.bottom && aRect.bottom >= bRect.top) {
				return true;
			} else {
				return false;
			}
		}

init();
	</script>
</body>
</html>