飛機射擊可升level 武器升級可改造's game

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

No:14320

←

Prev Next

→

飛機射擊可升level 武器升級可改造
Developer User6133｜Date and time 23/8/31 22:49:36
Build time 45.822 sec｜Game capacity 6.275KB｜

Script

Score: 0

Level: 1

Weapon Level: 1

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<html>
<head>
    <style>
        body {
            background-color: #f0f0f0;
            text-align: center;
            font-family: Arial, sans-serif;
        }

#gameContainer {
            margin: 50px auto;
        }

#gameCanvas {
            display: none;
            border: 1px solid #000;
        }

#score {
            margin-top: 10px;
        }

#level {
            margin-top: 10px;
        }

#weapon {
            margin-top: 10px;
        }

#upgradeButton {
            padding: 5px 10px;
            background-color: #4CAF50;
            border: none;
            color: #fff;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="gameContainer">
        <img src="飛機圖片.png" id="player" width="50" height="50">
        <canvas id="gameCanvas" width="800" height="400"></canvas>
        <div id="score">Score: 0</div>
        <div id="level">Level: 1</div>
        <div id="weapon">Weapon Level: 1</div>
        <button id="upgradeButton">Upgrade Weapon</button>
    </div>

// Game Initialization
    function init() {
        canvas = document.getElementById("gameCanvas");
        ctx = canvas.getContext("2d");

player = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            width: 50,
            height: 50
        };

bullets = [];
        enemies = [];

score = 0;
        level = 1;
        weaponLevel = 1;

document.addEventListener("keydown", handleKeyPress);
        document.addEventListener("keyup", handleKeyRelease);
        document.getElementById("upgradeButton").addEventListener("click", upgradeWeapon);

drawGame();
    }

// Game Draw
    function drawGame() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
        drawBullets();
        drawEnemies();
        drawScore();
        drawLevel();
        drawWeaponLevel();

updateGame();

requestAnimationFrame(drawGame);
    }

function drawPlayer() {
        var img = document.getElementById("player");
        ctx.drawImage(img, player.x, player.y, player.width, player.height);
    }

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

function drawEnemies() {
        for (var i = 0; i < enemies.length; i++) {
            ctx.fillStyle = "red";
            ctx.fillRect(enemies[i].x, enemies[i].y, enemies[i].width, enemies[i].height);
        }
    }

function drawScore() {
        document.getElementById("score").innerHTML = "Score: " + score;
    }

function drawLevel() {
        document.getElementById("level").innerHTML = "Level: " + level;
    }

function drawWeaponLevel() {
        document.getElementById("weapon").innerHTML = "Weapon Level: " + weaponLevel;
    }

// Game Update
    function updateGame() {
        updatePlayer();
        updateBullets();
        updateEnemies();
        collisionDetection();
        checkLevelUp();
    }

function updateBullets() {
        for (var i = 0; i < bullets.length; i++) {
            bullets[i].y -= bullets[i].speed;

if (bullets[i].y < 0) {
                bullets.splice(i, 1);
                i--;
            }
        }
    }

function updateEnemies() {
        for (var i = 0; i < enemies.length; i++) {
            enemies[i].y += 2;

if (enemies[i].y > canvas.height) {
                enemies.splice(i, 1);
                i--;
            }
        }

if (Math.random() < 0.01 * level) {
            spawnEnemy();
        }
    }

function spawnEnemy() {
        var enemyWidth = Math.random() * 30 + 20;
        var enemyHeight = enemyWidth;
        var enemyX = Math.random() * (canvas.width - enemyWidth);
        var enemyY = -enemyHeight;

var enemy = {
            x: enemyX,
            y: enemyY,
            width: enemyWidth,
            height: enemyHeight
        };

enemies.push(enemy);
    }

function collisionDetection() {
        for (var i = 0; i < bullets.length; i++) {
            for (var j = 0; j < enemies.length; j++) {
                if (
                    bullets[i].x < enemies[j].x + enemies[j].width &&
                    bullets[i].x + bullets[i].width > enemies[j].x &&
                    bullets[i].y < enemies[j].y + enemies[j].height &&
                    bullets[i].y + bullets[i].height > enemies[j].y
                ) {
                    bullets.splice(i, 1);
                    i--;
                    enemies.splice(j, 1);
                    j--;

score += 10;
                }
            }
        }
    }

function checkLevelUp() {
        if (score > level * 100) {
            level += 1;
        }
    }

// Game Controls
    function handleKeyPress(event) {
        if (event.keyCode === 37) { // Left Arrow Key
            player.moveLeft = true;
        }
        if (event.keyCode === 39) { // Right Arrow Key
            player.moveRight = true;
        }
        if (event.keyCode === 32) { // Spacebar
            player.shoot = true;
            event.preventDefault();
        }
    }

function handleKeyRelease(event) {
        if (event.keyCode === 37) { // Left Arrow Key
            player.moveLeft = false;
        }
        if (event.keyCode === 39) { // Right Arrow Key
            player.moveRight = false;
        }
    }

function upgradeWeapon() {
        weaponLevel += 1;
    }

// Start the Game
    init();
</script>
</body>
</html>