AI game creator

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

No:31453

←

Prev Next

→

Shooting Game
Developer User13318｜Date and time 23/12/27 0:30:56
Build time 47.156 sec｜Game capacity 5.049KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
    <title>لعبة إطلاق النار</title>
</head>

<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <script>
        // تحديد المتغيرات العامة
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");
        var player = { x: 50, y: 270, width: 64, height: 64 };
        var bullets = [];
        var enemies = [];
        var score = 0;
        var gameOver = false;

// صور اللعبة
        var playerImage = new Image();
        playerImage.src = "player.png";

var bulletImage = new Image();
        bulletImage.src = "bullet.png";

var enemyImage = new Image();
        enemyImage.src = "enemy.png";

// دالة لرسم اللاعب
        function drawPlayer() {
            context.drawImage(playerImage, player.x, player.y, player.width, player.height);
        }

// دالة لرسم الرصاصة
        function drawBullets() {
            for (var i = 0; i < bullets.length; i++) {
                var bullet = bullets[i];
                context.drawImage(bulletImage, bullet.x, bullet.y, bullet.width, bullet.height);
            }
        }

// دالة لرسم الأعداء
        function drawEnemies() {
            for (var i = 0; i < enemies.length; i++) {
                var enemy = enemies[i];
                context.drawImage(enemyImage, enemy.x, enemy.y, enemy.width, enemy.height);
            }
        }

// دالة لنقل العنصر
        function movePlayer(event) {
            if (event.keyCode === 37 && player.x > 0) { // الحركة لليسار
                player.x -= 10;
            } else if (event.keyCode === 39 && player.x < canvas.width - player.width) { // الحركة لليمين
                player.x += 10;
            } else if (event.keyCode === 32) { // إطلاق النار
                var bullet = { x: player.x + 30, y: player.y, width: 8, height: 8 };
                bullets.push(bullet);
            }
        }

// دالة لتحريك الأعداء
        function moveEnemies() {
            for (var i = 0; i < enemies.length; i++) {
                var enemy = enemies[i];
                enemy.y += 2;

if (enemy.y > canvas.height) {
                    enemies.splice(i, 1);
                    i--;
                } else if (enemy.x < player.x + player.width &&
                    enemy.x + enemy.width > player.x &&
                    enemy.y < player.y + player.height &&
                    enemy.y + enemy.height > player.y) {
                    gameOver = true;
                }
            }
        }

// دالة لتحريك الرصاص
        function moveBullets() {
            for (var i = 0; i < bullets.length; i++) {
                var bullet = bullets[i];
                bullet.y -= 5;

if (bullet.y < 0) {
                    bullets.splice(i, 1);
                    i--;
                } else {
                    for (var j = 0; j < enemies.length; j++) {
                        var enemy = enemies[j];

if (bullet.x < enemy.x + enemy.width &&
                            bullet.x + bullet.width > enemy.x &&
                            bullet.y < enemy.y + enemy.height &&
                            bullet.y + bullet.height > enemy.y) {
                            enemies.splice(j, 1);
                            j--;
                            bullets.splice(i, 1);
                            i--;
                            score += 10;
                        }
                    }
                }
            }
        }

// دالة لتحديث اللعبة
        function update() {
            if (!gameOver) {
                context.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
                drawBullets();
                drawEnemies();
                moveBullets();
                moveEnemies();

context.fillStyle = "rgb(0, 0, 0)";
                context.font = "20px Arial";
                context.fillText("النقاط: " + score, 8, 20);

requestAnimationFrame(update);
            } else {
                alert("Game Over! نهاية اللعبة");
            }
        }

// تهيئة اللعبة
        function initializeGame() {
            enemies.push({ x: Math.random() * (canvas.width - 50), y: 0, width: 50, height: 50 });
            setInterval(function () {
                enemies.push({ x: Math.random() * (canvas.width - 50), y: 0, width: 50, height: 50 });
            }, 1000);
        }

// البدء باللعب
        function startGame() {
            window.addEventListener("keydown", movePlayer);
            initializeGame();
            update();
        }

// بدء اللعبة عند تحميل الصفحة
        window.onload = startGame;

</script>
</body>

</html>