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

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

No:38365

←

Prev Next

→

لعبة الوصول إلى نقطة الفوز
Developer User6662｜Date and time 24/1/24 17:07:58
Build time 15.903 sec｜Game capacity 3.793KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
<title>لعبة الوصول إلى نقطة الفوز</title>
<style>
    canvas {
      border: solid 1px #000;
      display: block;
      margin: 0 auto;
    }
</style>
</head>
<body>
<script>
    // تحقق مما إذا كانت الصفحة مناسبة للعرض على الهواتف الذكية
    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
        alert("مرحبًا! لعبة الوصول إلى نقطة الفوز")
        // قم بتحميل الصور المستخدمة في اللعبة
        var playerImage = new Image();
        playerImage.src = "player.png";
        var finishImage = new Image();
        finishImage.src = "finish.png";

// ضبط حجم الصور وتحديد موقعها الأصلي
        playerImage.width = 50;
        playerImage.height = 50;
        finishImage.width = 50;
        finishImage.height = 50;

// النقاط المستخدمة في اللعبة
        var playerX = 0;
        var playerY = 0;
        var finishX = 200;
        var finishY = 200;

// قم بحساب مجال اللعبة
        var canvas = document.createElement("canvas");
        var ctx = canvas.getContext("2d");
        var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
        var screenHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
        canvas.width = screenWidth - 20;
        canvas.height = screenHeight - 20;
        document.body.appendChild(canvas);

// رسم الصورة النهائية ولاعب اللعبة
        function draw(){
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.drawImage(playerImage, playerX, playerY);
            ctx.drawImage(finishImage, finishX, finishY);
        }

// التحقق من الفوز أو الخسارة
        function checkWin() {
            if(playerX === finishX && playerY === finishY) {
                alert("لقد فزت باللعبة! أحسنت العمل!");
                resetGame();
            }
        }

// إعادة ضبط اللعبة
        function resetGame() {
            playerX = 0;
            playerY = 0;
            draw();
        }

// التحقق من التحرك السليم للأعلى أو الأسفل أو اليمين أو اليسار
        function checkMove(event) {
            var keyPressed = event.keyCode;
            switch(keyPressed) {
                case 37: // اليسار
                    if(playerX > 0) {
                        playerX -= 50;
                    }
                    break;
                case 39: // اليمين
                    if(playerX < canvas.width - playerImage.width) {
                        playerX += 50;
                    }
                    break;
                case 38: // للأعلى
                    if(playerY > 0) {
                        playerY -= 50;
                    }
                    break;
                case 40: // للأسفل
                    if(playerY < canvas.height - playerImage.height) {
                        playerY += 50;
                    }
                    break;
                default:
                    break;
            }
            draw();
            checkWin();
        }

// تمكين استدعاء checkMove عند الحركة
        document.addEventListener("keydown", checkMove, false);

// بدء تنفيذ اللعبة
        draw();
    } else {
        alert("هذه اللعبة تحتاج إلى الوصول عبر الهواتف الذكية فقط!");
    }
</script>
</body>
</html>