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

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

No:38366

←

Prev Next

→

لعبة الوصول إلى نقطة الفوز
Developer User6662｜Date and time 24/1/24 17:08:31
Build time 13.917 sec｜Game capacity 3.928KB｜

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="500" height="500"></canvas>

// Set initial player and target positions
        var playerX = 50;
        var playerY = 50;
        var targetX = 450;
        var targetY = 450;

// Draw the player, target, and game board on the canvas
        function drawGame() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            context.fillStyle = "blue";
            context.fillRect(playerX, playerY, 50, 50);

// Draw target
            context.fillStyle = "red";
            context.fillRect(targetX, targetY, 50, 50);

// Draw game board
            context.strokeStyle = "black";
            context.lineWidth = 2;
            context.strokeRect(0, 0, canvas.width, canvas.height);
        }

// Update player position based on user input
        function movePlayer(direction) {
            switch (direction) {
                case "up":
                    if (playerY > 0) {
                        playerY -= 50;
                    }
                    break;
                
                case "down":
                    if (playerY < canvas.height - 50) {
                        playerY += 50;
                    }
                    break;

case "left":
                    if (playerX > 0) {
                        playerX -= 50;
                    }
                    break;
                
                case "right":
                    if (playerX < canvas.width - 50) {
                        playerX += 50;
                    }
                    break;
            }

// Check if the player reached the target
            if (playerX === targetX && playerY === targetY) {
                alert("لقد وصلت إلى نقطة الفوز!");
            }
            
            // Redraw the game
            drawGame();
        }
        
        // Listen for touch events on the game canvas
        canvas.addEventListener("touchstart", handleTouchStart, false);
        canvas.addEventListener("touchmove", handleTouchMove, false);
        canvas.addEventListener("touchend", handleTouchEnd, false);
        
        // Variables to track touch start and end positions
        var startX, startY, endX, endY;
        
        // Event handler for touch start event
        function handleTouchStart(event) {
            startX = event.touches[0].clientX;
            startY = event.touches[0].clientY;
        }
        
        // Event handler for touch move event
        function handleTouchMove(event) {
            event.preventDefault();
        }
        
        // Event handler for touch end event
        function handleTouchEnd(event) {
            endX = event.changedTouches[0].clientX;
            endY = event.changedTouches[0].clientY;
            
            // Calculate the distance and direction of the touch movement
            var distanceX = endX - startX;
            var distanceY = endY - startY;
            
            if (Math.abs(distanceX) > Math.abs(distanceY)) {
                // Horizontal movement
                if (distanceX > 0) {
                    movePlayer("right");
                } else {
                    movePlayer("left");
                }
            } else {
                // Vertical movement
                if (distanceY > 0) {
                    movePlayer("down");
                } else {
                    movePlayer("up");
                }
            }
        }
        
        // Start the game
        drawGame();
    </script>
</body>
</html>