AI game creator

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

No:2865

2658

←

Prev Next

→

chicken
Developer もちきなこ｜Date and time 23/6/23 0:12:03
Build time 31.04 sec｜Game capacity 2.29KB｜

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>
		body {
			margin: 0;
		}
		canvas {
			background-color: #fff;
			display: block;
			margin: 0 auto;
		}
	</style>
</head>
<body>
	<canvas id="game" width="320" height="480"></canvas>
	<script>
		// キャンバス要素を取得
		var canvas = document.getElementById('game');
		// コンテキストを取得
		var context = canvas.getContext('2d');
		
		// 車の画像を読み込み
		var carImg = new Image();
		carImg.src = '🚗';
		
		// 鳥の画像を読み込み
		var birdImg = new Image();
		birdImg.src = '🐦';
		
		// 車の初期座標を設定
		var carX = canvas.width / 2 - carImg.width / 2;
		var carY = 300;
		
		// 鳥の初期座標と速度をランダムに設定
		var birdX = Math.floor(Math.random() * (canvas.width - birdImg.width));
		var birdY = -birdImg.height;
		var birdSpeed = Math.floor(Math.random() * 3) + 1;
		
		// ゲームループ開始
		var gameLoop = setInterval(function() {
			// キャンバスをクリア
			context.clearRect(0, 0, canvas.width, canvas.height);
			
			// 車を描画
			context.drawImage(carImg, carX, carY);
			
			// 鳥を描画
			context.drawImage(birdImg, birdX, birdY);
			
			// 鳥を移動
			birdY += birdSpeed;
			
			// 鳥が画面外に出たら再配置
			if (birdY > canvas.height) {
				birdX = Math.floor(Math.random() * (canvas.width - birdImg.width));
				birdY = -birdImg.height;
				birdSpeed = Math.floor(Math.random() * 3) + 1;
			}
			
			// スマホの方向センサーで車の位置を変更
			window.addEventListener('deviceorientation', function(event) {
				if (event.gamma < -10) {
					carX -= 5;
				} else if (event.gamma > 10) {
					carX += 5;
				}
				// 車が画面外に出たら位置を修正
				if (carX < 0) {
					carX = 0;
				} else if (carX > canvas.width - carImg.width) {
					carX = canvas.width - carImg.width;
				}
			});
			
			// 当たり判定
			if (carX + carImg.width >= birdX &&
				carX <= birdX + birdImg.width &&
				carY <= birdY + birdImg.height &&
				carY + carImg.height >= birdY) {
				// ゲームオーバー
				alert('ゲームオーバー！');
				clearInterval(gameLoop);
			}
		}, 20);
	</script>
</body>
</html>