Crea un gioco dove se tappo lo schermo sparo proiettili che seguono i Nemici e guadagno punti . Se poi clicco suo pallini verdi i proiettili aumentano's game

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

No:44521

←

Prev Next

→

Crea un gioco dove se tappo lo schermo sparo proie..ALL
Developer User19399｜Date and time 24/2/18 6:51:01
Build time 7.191 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>
	<title>Gioco di Sparatutto</title>
</head>
<body>
	<canvas id="gameCanvas" width="400" height="400"></canvas>

let playerX = canvas.width / 2;
		let playerY = canvas.height - 30;
		let bulletX = playerX;
		let bulletY = playerY;
		let bulletSize = 5;
		let enemyX = Math.random() * canvas.width;
		let enemyY = 10;
		let enemySize = 10;
		let bulletSpeed = 5;
		let score = 0;
		let greenBullet = false;

canvas.addEventListener("touchstart", (event) => {
			if (greenBullet) {
				bulletSize += 2;
			} else {
				bulletX = playerX;
				bulletY = playerY;
			}
		});

function drawPlayer() {
			ctx.fillStyle = "blue";
			ctx.fillRect(playerX - 15, playerY - 15, 30, 30);
		}

function drawBullet() {
			ctx.fillStyle = "red";
			ctx.beginPath();
			ctx.arc(bulletX, bulletY, bulletSize, 0, Math.PI * 2);
			ctx.fill();
		}

function drawEnemy() {
			ctx.fillStyle = "black";
			ctx.fillRect(enemyX - 10, enemyY - 10, 20, 20);
		}

function updateEnemy() {
			enemyY += 1;
			if (enemyY > canvas.height) {
				enemyX = Math.random() * canvas.width;
				enemyY = 10;
			}
		}

function checkCollision() {
			let dx = bulletX - enemyX;
			let dy = bulletY - enemyY;
			let distance = Math.sqrt(dx * dx + dy * dy);
			if (distance < bulletSize + enemySize) {
				score += 1;
				enemyX = Math.random() * canvas.width;
				enemyY = 10;
			}
		}

function updateScore() {
			ctx.fillStyle = "black";
			ctx.font = "20px Arial";
			ctx.fillText("Punteggio: " + score, 10, 30);
		}

function update() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			drawPlayer();
			drawBullet();
			drawEnemy();
			updateEnemy();
			checkCollision();
			updateScore();
			if (greenBullet) {
				ctx.fillStyle = "green";
				ctx.beginPath();
				ctx.arc(playerX, playerY, 10, 0, Math.PI * 2);
				ctx.fill();
			}
			requestAnimationFrame(update);
		}

update();
	</script>
</body>
</html>