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

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

No:38369

←

Prev Next

→

لعبة الوصول إلى نقطة الفوز
Developer User6662｜Date and time 24/1/24 17:12:03
Build time 10.669 sec｜Game capacity 1.866KB｜

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="myCanvas" width="480" height="320"></canvas>

// تنفيذ اللعبة عند بدء التحميل
document.onload = function() {
    canvas = document.getElementById("myCanvas");
    ctx = canvas.getContext("2d");
    draw();
}

// تحديث حالة اللعبة ورسم اللعبة على الشاشة
function draw() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    ctx.fillStyle = "#FF0000";
    ctx.fillRect(targetX, targetY, 30, 30);
    ctx.fillStyle = "#0000FF";
    ctx.fillRect(x, y, 30, 30);
    
    if (x === targetX && y === targetY) {
        finished = true;
        ctx.font = "30px Arial";
        ctx.fillStyle = "green";
        ctx.fillText("لقد وصلت إلى نقطة الفوز!", 50, 150);
    }
}

// استجابة لحركة اللاعب باستخدام الأسهم
document.onkeydown = function(event) {
    if (finished) {
        return;
    }
    switch(event.keyCode) {
        case 37:
            x -= 10; // الحركة لليسار
            break;
        case 38:
            y -= 10; // الحركة للأعلى
            break;
        case 39:
            x += 10; // الحركة لليمين
            break;
        case 40:
            y += 10; // الحركة للأسفل
            break;
    }
    draw();
}
</script>
</body>
</html>

يرجى تنسيق وتحسين الشكل النهائي للعبة وفقًا لمتطلباتك المحددة.