Birds fly higher and higher If you can fly above the clouds without being attacked by crows, your goal's game

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

No:1047

272

←

Prev Next

→

Birds fly higher and higher If you can fly above t..ALL
Developer User3224｜Date and time 23/6/18 0:39:27
Build time 24.747 sec｜Game capacity 2.225KB｜

Script

になるゲームを作りました。以下が実際のプログラムです。

🐦

スマホで遊ぶ場合は、縦画面で表示してください。操作方法は簡単で、上向きの矢印キーを押すと鳥が上に飛びます。下向きの矢印キーを押すと鳥が下に移動します。カラスに当たるとゲームオーバーです。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

になるゲームを作りました。

以下が実際のプログラムです。

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>鳥が高く飛ぶゲーム</title>
	<style>
		/* スタイルを追加 */
		body {
			margin: 0;
			padding: 0;
			background-color: skyblue;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			font-size: 3rem;
		}
		#bird {
position:absolute;
			font-size: 5rem;
			margin-top: auto;
		}
	</style>
</head>
<body>
	<div id="bird">🐦</div>
	<script>
		// JavaScriptを追加
		const bird = document.getElementById('bird');

let timerId = setInterval(() => {
			const cloud = document.createElement('div');
			cloud.innerText = '☁️';
			cloud.style.position = 'absolute';
			cloud.style.top = Math.floor(Math.random() * window.innerHeight) + 'px';
			cloud.style.right = '0';
			document.body.appendChild(cloud);

if (parseInt(bird.style.bottom) + bird.offsetHeight > parseInt(cloud.style.top)
				&& parseInt(bird.style.bottom) < parseInt(cloud.style.top) + cloud.offsetHeight
				&& parseInt(cloud.style.right) + cloud.offsetWidth > bird.offsetLeft) {
				clearInterval(timerId);
				alert('Game Over!');
			}

for (const cloud of document.querySelectorAll('div')) {
				if (cloud.innerText === '☁️') {
					cloud.style.right = parseInt(cloud.style.right) + 10 + 'px';
				}
			}
			if (parseInt(cloud.style.right) > window.innerWidth) {
				cloud.remove();
			}
		}, 100);
				bird.style.left = innerWidth/2;
				bird.style.bottom = 0+ 'px';

</script>
</body>
</html>
```

スマホで遊ぶ場合は、縦画面で表示してください。

操作方法は簡単で、上向きの矢印キーを押すと鳥が上に飛びます。下向きの矢印キーを押すと鳥が下に移動します。カラスに当たるとゲームオーバーです。