Buatkan saya games memancing di danaou's game

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

No:35003

←

Prev Next

→

Buatkan saya games memancing di danaou
Developer User16401｜Date and time 24/1/12 22:55:49
Build time 17.458 sec｜Game capacity 3.442KB｜

Script

Score: 0

Pastikan Anda memiliki file gambar ikan (fish.png) dan gambar umpan (bait.png) yang sudah disimpan dalam folder yang sama dengan file HTML ini. Penjelasan singkat: Ini adalah game sederhana memancing di danau menggunakan HTML5 canvas dan JavaScript. Pemain mengendalikan posisi ikan menggunakan mouse dan harus menangkap umpan sebanyak mungkin untuk mencetak skor. Umpan terus turun dari atas dan pemain harus mengarahkan ikan ke bawah untuk menangkapnya. Setiap kali umpan mencapai dasar layar, skor akan bertambah satu.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Game Memancing di Danau</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        canvas {
            border: 1px solid black;
            display: block;
            margin: 20px auto;
        }
        button {
            padding: 10px 20px;
            font-size: 16px;
        }
        #score {
            font-size: 20px;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>
    <button onclick="startGame()">Mulai Game</button>
    <p id="score">Score: 0</p>

function startGame() {
            // Mendapatkan referensi ke elemen canvas
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

// Mengatur variabel awal
            dx = 5;
            dy = 5;
            x = canvas.width / 2;
            y = canvas.height - 30;
            score = 0;

// Menjalankan fungsi update setiap 10 milidetik
            setInterval(update, 10);

// Mengatur event listener
            canvas.addEventListener("mousemove", mouseMoveHandler, false);
        }

function mouseMoveHandler(e) {
            // Mengatur posisi x ikan sesuai dengan posisi kursor
            var relativeX = e.clientX - canvas.offsetLeft;
            if(relativeX > 0 && relativeX < canvas.width) {
                x = relativeX;
            }
        }

function update() {
            // Membersihkan canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Menggambar ikan
            drawFish();

// Menggambar umpan
            drawBait();

// Memeriksa tabrakan
            if (y < 0) {
                // Jika tabrakan, menambah skor dan reset umpan
                score++;
                x = canvas.width / 2;
                y = canvas.height - 30;
            }

// Menggambar skor
            drawScore();

// Mengupdate posisi umpan
            y -= dy;
        }

function drawFish() {
            // Menggambar ikan menggunakan pictogram ikan
            var fishImg = new Image();
            fishImg.src = "fish.png";
            ctx.drawImage(fishImg, x, 0, 50, 50);
        }

function drawBait() {
            // Menggambar umpan menggunakan pictogram umpan
            var baitImg = new Image();
            baitImg.src = "bait.png";
            ctx.drawImage(baitImg, x, y, 30, 30);
        }

function drawScore() {
            // Menampilkan skor
            ctx.font = "18px Arial";
            ctx.fillStyle = "black";
            ctx.fillText("Score: " + score, 8, 20);
        }
    </script>
</body>
</html>
```

Pastikan Anda memiliki file gambar ikan (fish.png) dan gambar umpan (bait.png) yang sudah disimpan dalam folder yang sama dengan file HTML ini.

Penjelasan singkat: Ini adalah game sederhana memancing di danau menggunakan HTML5 canvas dan JavaScript. Pemain mengendalikan posisi ikan menggunakan mouse dan harus menangkap umpan sebanyak mungkin untuk mencetak skor. Umpan terus turun dari atas dan pemain harus mengarahkan ikan ke bawah untuk menangkapnya. Setiap kali umpan mencapai dasar layar, skor akan bertambah satu.