AI game creator

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

No:2015

2687

←

Prev Next

→

Car CAR
Developer sayaensm｜Date and time 23/6/19 19:13:29
Build time 45.159 sec｜Game capacity 3.294KB｜

Script

Score: 0

Game description: Operate a car on the road.、The game is to earn a score while avoiding enemy cars. If you move an enemy car off the screen、Scores are added. The game is over when you hit an enemy car. When the score reaches 100、The game is clear.

←

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;
			padding: 0;
			background-color: #A9A9A9;
		}
		#canvas {
			background-color: #FFF;
			display: block;
			margin: 0 auto;
		}
		#score {
			color: red;
			font-size: 20px;
			text-align: center;
		}
	</style>
</head>
<body>
	<canvas id="canvas" width="320" height="480"></canvas>
	<div id="score">Score: 0</div>

ctx.fillStyle = "gray";
			ctx.fillRect(roadX, roadY, roadWidth, roadHeight);
		}
		
		// 敵車の生成と描画
		function drawEnemyCars() {
			if (Math.random() > 0.95) { // 敵車の生成
				var enemyX = Math.floor(Math.random() * (roadWidth - enemyCarWidth)) + roadX;
				var enemyY = 0;
				enemyCars.push({ x: enemyX, y: enemyY });
			}

// 敵車の移動と描画
			for (var i = 0; i < enemyCars.length; i++) {
				ctx.fillStyle = "red";
				ctx.fillRect(enemyCars[i].x, enemyCars[i].y, enemyCarWidth, enemyCarHeight);
				enemyCars[i].y += enemyCarSpeed;

// 衝突判定
				if (carX < enemyCars[i].x + enemyCarWidth &&
					carX + carWidth > enemyCars[i].x &&
					carY < enemyCars[i].y + enemyCarHeight &&
					carY + carHeight > enemyCars[i].y) {
					alert("Game Over!");
					location.reload();
				}
				
				// 敵車を画面外に移動させたら配列から削除
				if (enemyCars[i].y >= canvas.height) {
					score++;
					document.getElementById("score").innerHTML = "Score: " + score;
					enemyCars.splice(i, 1);
				}
			}
		}
		
		// ゲームループ
		function gameLoop() {
			// キャンバスをクリア
			ctx.clearRect(0, 0, canvas.width, canvas.height);

// 車と道路の描画
			drawCarAndRoad();
			
			// 敵車の生成と描画
			drawEnemyCars();
			
			// 次のフレームへ
			requestAnimationFrame(gameLoop);
			
			// スコアが100に達したらゲームクリア
			if (score === 100) {
				alert("Game Clear!");
				location.reload();
			}
		}

// ゲームスタート
		gameLoop();
	</script>
</body>
</html>

ゲームの概要：道路上を走る車を操作して、敵車を避けながらスコアを稼ぐゲームです。画面外に敵車を移動させると、スコアが加算されます。敵車にぶつかるとゲームオーバーになります。スコアが100に達すると、ゲームクリアです。