لعبة لغز الصياد's game

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

No:15498

←

Prev Next

→

لعبة لغز الصياد
Developer User6662｜Date and time 23/9/9 16:17:46
Build time 26.036 sec｜Game capacity 2.408KB｜

Script

تمام، سأقوم بتنفيذ اللعبة لغز الصياد بالطريقة المطلوبة. هنا الكود المطلوب:

يرجى وضع ملفات الصور "emozi_rabbit.png" و "emozi_all/fish.png" في نفس المجلد مع ملف HTML لكي تظهر الشعارات. يمكنكم استخدام صور تحميلها من الإنترنت بدلًا من ذلك وتغيير الأسماء في الكود. أرجو أن تستمتع بلعب لغز الصياد!

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

تمام، سأقوم بتنفيذ اللعبة لغز الصياد بالطريقة المطلوبة. هنا الكود المطلوب:

```html
<!DOCTYPE html>
<html>
<head>
    <title>لغز الصياد</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

const fishImage = new Image();
        fishImage.src = "fish.png";

// عنصر الكانفاس
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

// موقع الصياد
        let fishermanX = 200;
        let fishermanY = 200;

// موقع السمكة
        let fishX = Math.floor(Math.random() * 350) + 25;
        let fishY = Math.floor(Math.random() * 350) + 25;

// وضع الصياد والسمكة على الكانفاس
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.drawImage(fishermanImage, fishermanX, fishermanY);
            ctx.drawImage(fishImage, fishX, fishY);
        }

// التحقق من تمسك الصياد بالسمكة
        function checkCollision() {
            if (Math.abs(fishermanX - fishX) < 25 && Math.abs(fishermanY - fishY) < 25) {
                alert("أحسنت! لقد أمسكت السمكة!");
                fishX = Math.floor(Math.random() * 350) + 25;
                fishY = Math.floor(Math.random() * 350) + 25;
            }
        }

// استجابة للنقر على الكانفاس
        canvas.addEventListener("click", (event) => {
            fishermanX = event.clientX - canvas.getBoundingClientRect().left - 25;
            fishermanY = event.clientY - canvas.getBoundingClientRect().top - 25;
            checkCollision();
            draw();
        });

// بدء تنفيذ اللعبة
        fishermanImage.onload = draw;
    </script>
</body>
</html>
```

يرجى وضع ملفات الصور "fisherman.png" و "fish.png" في نفس المجلد مع ملف HTML لكي تظهر الشعارات. يمكنكم استخدام صور تحميلها من الإنترنت بدلًا من ذلك وتغيير الأسماء في الكود.

أرجو أن تستمتع بلعب لغز الصياد!