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

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

No:38371

←

Prev Next

→

لعبة الوصول إلى نقطة الفوز 3d
Developer User6662｜Date and time 24/1/24 17:23:56
Build time 18.94 sec｜Game capacity 5.058KB｜

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>لعبة الوصول إلى نقطة الفوز 3D</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // نقطة البداية ونقطة الفوز
        var startPosition = { x: 0, y: 0 };
        var winPosition = { x: 300, y: 300 };
        
        // نقطة موقع اللاعب الحالي
        var playerPosition = { x: 0, y: 0 };
        
        // استدعاء وظيفة بدء اللعبة
        startGame();
        
        function startGame() {
            var canvas = document.getElementById("gameCanvas");
            var context = canvas.getContext("2d");
            
            // تحديد المربع البدئي ونقطة الفوز على الشاشة
            var initialSquareSize = 50;
            var winSquareSize = 50;
            
            // تحديث موقع اللاعب
            function updatePlayerPosition() {
                context.clearRect(0, 0, canvas.width, canvas.height);
                drawSquare(startPosition.x, startPosition.y, initialSquareSize, "blue");
                drawSquare(winPosition.x, winPosition.y, winSquareSize, "green");
                drawSquare(playerPosition.x, playerPosition.y, initialSquareSize, "red");
            }
            
            // تحديد حركة اللاعب عند اللمس أو النقر
            canvas.addEventListener("touchstart", handleTouchStart, false);
            canvas.addEventListener("touchmove", handleTouchMove, false);
            canvas.addEventListener("mousedown", handleMouseDown, false);
            canvas.addEventListener("mousemove", handleMouseMove, false);
            canvas.addEventListener("mouseup", handleMouseUp, false);
            
            // وظائف التحكم بحركة اللاعب
            var isPlayerMoving = false;
            var offset = { x: 0, y: 0 };
            
            function handleTouchStart(e) {
                var touch = e.touches[0];
                var mouseX = touch.pageX - canvas.offsetLeft;
                var mouseY = touch.pageY - canvas.offsetTop;
                
                if (playerPosition.x === mouseX && playerPosition.y === mouseY) {
                    isPlayerMoving = true;
                    offset.x = playerPosition.x - mouseX;
                    offset.y = playerPosition.y - mouseY;
                }
            }
            
            function handleTouchMove(e) {
                if (!isPlayerMoving) return;
                
                var touch = e.touches[0];
                var mouseX = touch.pageX - canvas.offsetLeft;
                var mouseY = touch.pageY - canvas.offsetTop;
                
                playerPosition.x = mouseX + offset.x;
                playerPosition.y = mouseY + offset.y;
                
                updatePlayerPosition();
                checkWin();
            }
            
            function handleMouseDown(e) {
                var mouseX = e.pageX - canvas.offsetLeft;
                var mouseY = e.pageY - canvas.offsetTop;
                
                if (playerPosition.x === mouseX && playerPosition.y === mouseY) {
                    isPlayerMoving = true;
                    offset.x = playerPosition.x - mouseX;
                    offset.y = playerPosition.y - mouseY;
                }
            }
            
            function handleMouseMove(e) {
                if (!isPlayerMoving) return;
                
                var mouseX = e.pageX - canvas.offsetLeft;
                var mouseY = e.pageY - canvas.offsetTop;
                
                playerPosition.x = mouseX + offset.x;
                playerPosition.y = mouseY + offset.y;
                
                updatePlayerPosition();
                checkWin();
            }
            
            function handleMouseUp() {
                isPlayerMoving = false;
            }
            
            // رسم المربع
            function drawSquare(x, y, size, color) {
                context.fillStyle = color;
                context.fillRect(x, y, size, size);
            }
            
            // التحقق من الفوز
            function checkWin() {
                if (playerPosition.x >= winPosition.x &&
                    playerPosition.y >= winPosition.y &&
                    playerPosition.x <= winPosition.x + winSquareSize &&
                    playerPosition.y <= winPosition.y + winSquareSize) {
                    alert("لقد فزت!");
                    resetGame();
                }
            }
            
            // إعادة ضبط اللعبة
            function resetGame() {
                playerPosition = { x: 0, y: 0 };
                updatePlayerPosition();
            }
            
            // وضع نقطة البداية ونقطة الفوز في اللوحة
            updatePlayerPosition();
        }
    </script>
</body>
</html>