AI game creator

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

No:45810

←

Prev Next

→

Shooting Game
Developer User19687｜Date and time 24/2/21 9:40:13
Build time 6.474 sec｜Game capacity 1.586KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Shooting Game</title>
</head>
<body>

// Set initial player position
var playerX = 200;
var playerY = 350;

// Set initial enemy position
var enemyX = Math.random() * 400;
var enemyY = Math.random() * 100;

// Draw the player
function drawPlayer() {
    ctx.fillStyle = "blue";
    ctx.fillRect(playerX, playerY, 20, 20);
}

// Draw the enemy
function drawEnemy() {
    ctx.fillStyle = "red";
    ctx.fillRect(enemyX, enemyY, 20, 20);
}

// Update enemy position
function updateEnemy() {
    enemyY += 1;
    if(enemyY > 400) {
        enemyX = Math.random() * 400;
        enemyY = Math.random() * 100;
    }
}

// Check for collision
function checkCollision() {
    if(playerX < enemyX + 20 &&
       playerX + 20 > enemyX &&
       playerY < enemyY + 20 &&
       playerY + 20 > enemyY) {
        alert("Game Over!");
        playerX = 200;
        playerY = 350;
    }
}

// Update player position based on touch/mouse input
canvas.addEventListener("touchmove", function(event) {
    playerX = event.touches[0].clientX - canvas.offsetLeft - 10;
    playerY = event.touches[0].clientY - canvas.offsetTop - 10;
});

// Main game loop
function gameLoop() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    drawPlayer();
    drawEnemy();
    updateEnemy();
    checkCollision();
    requestAnimationFrame(gameLoop);
}

gameLoop();

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