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

No:2814

4912

←

Prev Next

→

ai anti-tank
Developer User3589｜Date and time 23/6/22 18:56:40
Build time 57.646 sec｜Game capacity 4.868KB｜

Script

AI対戦車

左右のボタンで移動、上下のボタンで砲弾を発射します。

READY

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>AI対戦車</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			font-size: 16px;
			text-align: center;
			background-color: #f2f2f2;
		}
		canvas {
			border: 5px solid #222;
			margin: 20px auto;
			display: block;
		}
		#status {
			font-size: 24px;
			margin-bottom: 20px;
		}
		button {
			background-color: #222;
			color: #fff;
			font-size: 20px;
			padding: 10px 20px;
			border: none;
			border-radius: 5px;
			cursor: pointer;
			margin-bottom: 20px;
		}
	</style>
</head>
<body>
	<h1>AI対戦車</h1>
	<p>左右のボタンで移動、上下のボタンで砲弾を発射します。</p>
	<canvas id="canvas" width="400" height="400"></canvas>
	<p id="status">READY</p>
	<button id="start">START</button>

function drawBullet(){
				for(var i=0; i<bullets.length; i++){
					ctx.fillStyle = "#000";
					ctx.fillRect(bullets[i].x, bullets[i].y, bulletSize, bulletSize);
				}
			}

function drawEnemy(){
				for(var i=0; i<enemies.length; i++){
					ctx.fillStyle = "#00f";
					ctx.fillRect(enemies[i].x, enemies[i].y, enemySize, enemySize);
				}
			}

function moveTank(){
				if(tank.dir == 0 && tank.x > 0){
					tank.x -= tankSpeed;
				}
				if(tank.dir == 1 && tank.x+tankSize < canvasWidth){
					tank.x += tankSpeed;
				}
			}

function updateScore(){
				ctx.font = "24px Arial";
				ctx.fillStyle = "#000";
				ctx.fillText("SCORE: "+score, 20, 30);
			}

function clearCanvas(){
				ctx.clearRect(0, 0, canvasWidth, canvasHeight);
			}

function update(){
				if(!gameover){
					clearCanvas();
					drawTank();
					drawBullet();
					drawEnemy();
					moveTank();
					moveBullet();
					moveEnemy();
					checkCollision();
					updateScore();
				}
			}

startBtn.addEventListener("click", function(){
				if(gameover){
					gameover = false;
					score = 0;
					enemies = [];
					bullets = [];
					startBtn.innerText = "START";
					status.innerText = "READY";
					tank.x = canvasWidth/2-tankSize/2;
					tank.y = canvasHeight-tankSize;
				}else{
					status.innerText = "";
				}
			});

setInterval(update, 1000/60);
		}
	</script>
</body>
</html>