لعبة الوصول إلى نقطة فوز's game

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

No:38362

←

Prev Next

→

لعبة الوصول إلى نقطة فوز
Developer User6662｜Date and time 24/1/24 17:05:19
Build time 11.438 sec｜Game capacity 2.389KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>لعبة الوصول إلى نقطة الفوز</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
</body>
<script>
    // عندما تكون الصفحة جاهزة
    window.onload = function() {
        // إعداد متغيرات اللعبة
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");
        var player = {
            x: 0,
            y: 0
        };
        var goal = {
            x: 200,
            y: 200
        };

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

// رسم اللاعب
            context.beginPath();
            context.arc(player.x, player.y, 20, 0, 2 * Math.PI);
            context.fillStyle = "blue";
            context.fill();
            context.closePath();

// رسم هدف الفوز
            context.beginPath();
            context.arc(goal.x, goal.y, 20, 0, 2 * Math.PI);
            context.fillStyle = "red";
            context.fill();
            context.closePath();

// التحقق من التصادم بين اللاعب وهدف الفوز
            if (player.x === goal.x && player.y === goal.y) {
                alert("تهانينا! لقد فزت باللعبة");
                reset();
            }
        }
        
        // إعادة ضبط اللعبة
        function reset() {
            player.x = 0;
            player.y = 0;
        }

// التحكم في اللاعب باستخدام الضغط على الشاشة
        canvas.addEventListener("touchstart", function(event) {
            var touchX = event.touches[0].clientX;
            var touchY = event.touches[0].clientY;
            if (touchX < canvas.width/2) {
                player.x -= 10;
            } else {
                player.x += 10;
            }
            if (touchY < canvas.height/2) {
                player.y -= 10;
            } else {
                player.y += 10;
            }
        });

// بدء تشغيل اللعبة
        setInterval(update, 20);
    }
</script>
</html>