AI game creator

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

No:10929

109

←

Prev Next

→

Raining
Developer User4715｜Date and time 23/8/5 21:38:19
Build time 25.622 sec｜Game capacity 2.747KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Game Hujan</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// Menggambar lingkaran (tetes air)
        function drawCircle(x, y) {
            ctx.beginPath();
            ctx.arc(x, y, 5, 0, 2 * Math.PI);
            ctx.fillStyle = "blue";
            ctx.fill();
            ctx.closePath();
        }

// Menggambar karakter pemain
        function drawPlayer(x, y) {
            // Gambar karakter menggunakan pictogram (gunakan karakter emoji yang relevan)
            ctx.font = "40px Arial";
            ctx.fillStyle = "black";
            ctx.fillText("👧", x, y);
        }

// Menghandle aksi ketika layar disentuh (didalam smartphone)
        function handleTouch(event) {
            const touchX = event.touches[0].clientX;
            const touchY = event.touches[0].clientY;

// Mengupdate posisi pemain saat layar disentuh
            playerX = touchX - canvas.offsetLeft;
            playerY = touchY - canvas.offsetTop;
        }

// Mengupdate dan menggambar elemen game setiap frame
        function draw() {
            // Membersihkan canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Memperbarui posisi dan menggambar tetes air
            for (let i = 0; i < raindrops.length; i++) {
                raindrops[i].y += 2;
                drawCircle(raindrops[i].x, raindrops[i].y);

// Cek jika pemain menyentuh tetes air
                if (raindrops[i].y > playerY - 5 && raindrops[i].y < playerY + 40 && raindrops[i].x > playerX - 5 && raindrops[i].x < playerX + 40) {
                    // Game over, menampilkan pesan dan mengakhiri game
                    alert("Game Over! Tidak bisa menangkap tetes air!");
                    clearInterval(gameInterval);
                }
            }

// Menggambar karakter pemain
            drawPlayer(playerX, playerY);
        }

// Inisialisasi variabel dan menetapkan event listener
        let playerX = canvas.width / 2;
        let playerY = canvas.height / 2;
        let raindrops = [];

// Menambahkan tetes air secara acak setiap 500ms
        setInterval(function() {
            const x = Math.random() * canvas.width;
            raindrops.push({ x: x, y: 0 });
        }, 500);

// Menghandle event layar disentuh
        canvas.addEventListener("touchstart", handleTouch, false);

// Menjalankan game
        const gameInterval = setInterval(draw, 10);
    </script>
</body>
</html>