AI game creator

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

No:2262

444

←

Prev Next

→

jumping game
Developer User3529｜Date and time 23/6/20 19:08:24
Build time 25.682 sec｜Game capacity 2.033KB｜

Script

🐤

🐍

このアプリは、ジャンプする小鳥を操作して、逆側から向かってくる蛇を避けるゲームです。クリックすることでジャンプします。スマホで遊べるように、画面をタップすることでジャンプされます。絵文字を使用しているため、親しみやすさを感じます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Jump Game</title>
	<style>
		body {
			background-color: #F9E4B7;
		}
		#player {
			position: absolute;
			bottom: 0;
			left: 50px;
			font-size: 50px;
		}
		#enemy {
			position: absolute;
			bottom: 150px;
			right: -50px;
			font-size: 50px;
		}
	</style>
</head>
<body>
	<div id="player">🐤</div>
	<div id="enemy">🐍</div>
	<script>
		const player = document.getElementById("player");
		const enemy = document.getElementById("enemy");
		let jumping = false;
		let bottom = 0;
		let enemyLeft = 100;
		let gameOver = false;

document.addEventListener('click', jump);

let enemyInterval = setInterval(function() {
			if (enemyLeft > -50 && !gameOver) {
				enemyLeft -= 10;
				enemy.style.right = enemyLeft + 'px';
			} else if (!gameOver) {
				enemyLeft = 100;
			}

if (enemyLeft < 50 && enemyLeft > 0 && bottom < 100) {
				// ゲームオーバー処理
				clearInterval(enemyInterval);
				gameOver = true;
				alert('ゲームオーバー');
			}
		}, 50);
	</script>
</body>
</html>