Buatkan saya games ikan hias di akuarium's game | AI game creator

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

No:35001

54

Buatkan saya games ikan hias di akuarium
Developer User16401｜Date and time 24/1/12 22:53:50
Build time 17.538 sec｜Game capacity 3.77KB｜

Berikut adalah contoh program sederhana dalam bentuk game ikan hias di akuarium yang dapat dimainkan di dalam satu file HTML dengan menggunakan JavaScript. Harap dicatat bahwa ini hanya contoh dasar dan bisa dikembangkan lebih lanjut sesuai kebutuhan. Silakan salin kode berikut ke dalam file HTML:

Kode di atas akan membuat sebuah canvas di dalam file HTML sebagai wadah untuk menggambar objek seperti ikan dan makanan. Pada awalnya, ikan akan berada di (50, 50) dan akan bergerak dengan kecepatan 2 pada sumbu x dan y. Makanan akan ditempatkan secara acak di (200, 150) dan akan berubah lokasinya setiap kali ikan menabrakinya. Anda dapat menggunakan tombol panah pada perangkat smartphone untuk mengontrol pergerakan ikan. Tujuan dari game ini adalah mengarahkan ikan agar menabrak makanan dan makanannya akan berpindah ke posisi baru. Setiap kali ikan sukses mengkonsumsi makanan, skor akan bertambah. Harap dicatat bahwa ini hanya contoh dasar dan masih bisa dikembangkan lebih lanjut sesuai keinginan Anda.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Berikut adalah contoh program sederhana dalam bentuk game ikan hias di akuarium yang dapat dimainkan di dalam satu file HTML dengan menggunakan JavaScript. Harap dicatat bahwa ini hanya contoh dasar dan bisa dikembangkan lebih lanjut sesuai kebutuhan. Silakan salin kode berikut ke dalam file HTML:

```html
<!DOCTYPE html>
<html>

<head>
    <title>Game Ikan Hias di Akuarium</title>
    <style>
        #canvas {
            background-color: lightblue;
            border: 1px solid black;
        }
    </style>
</head>

<body>
    <canvas id="canvas" width="400" height="300"></canvas>
    <script>
        // Inisialisasi variabel dan objek
        var canvas = document.getElementById("canvas");
        var ctx = canvas.getContext("2d");
        var score = 0;
        var fish = {
            x: 50,
            y: 50,
            speedX: 2,
            speedY: 2,
            size: 30
        };
        var food = {
            x: 200,
            y: 150,
            size: 20
        };

// Fungsi untuk menggambar ikan dan makanan
        function drawFish() {
            ctx.fillStyle = "orange";
            ctx.fillRect(fish.x, fish.y, fish.size, fish.size);
        }

function drawFood() {
            ctx.fillStyle = "red";
            ctx.fillRect(food.x, food.y, food.size, food.size);
        }

// Fungsi untuk mendeteksi tabrakan antara ikan dan makanan
        function checkCollision() {
            if (fish.x < food.x + food.size &&
                fish.x + fish.size > food.x &&
                fish.y < food.y + food.size &&
                fish.y + fish.size > food.y) {
                // Jika terjadi tabrakan, maka increment skor dan pindahkan makanan secara acak
                score++;
                food.x = Math.random() * (canvas.width - food.size);
                food.y = Math.random() * (canvas.height - food.size);
            }
        }

// Fungsi untuk mengupdate posisi ikan pada setiap frame
        function updateFishPosition() {
            fish.x += fish.speedX;
            fish.y += fish.speedY;

// Pindahkan ikan ke arah yang berlawanan jika mencapai batas canvas
            if (fish.x + fish.size > canvas.width || fish.x < 0) {
                fish.speedX *= -1;
            }
            if (fish.y + fish.size > canvas.height || fish.y < 0) {
                fish.speedY *= -1;
            }
        }

// Fungsi untuk menggambar skor
        function drawScore() {
            ctx.font = "20px Arial";
            ctx.fillStyle = "black";
            ctx.fillText("Score: " + score, 10, 25);
        }

// Fungsi untuk menggambar seluruh objek dan memperbarui setiap frame
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawFish();
            drawFood();
            drawScore();
            checkCollision();
            updateFishPosition();

requestAnimationFrame(draw);
        }

// Memulai game
        draw();
    </script>
</body>

</html>
```

Kode di atas akan membuat sebuah canvas di dalam file HTML sebagai wadah untuk menggambar objek seperti ikan dan makanan. Pada awalnya, ikan akan berada di (50, 50) dan akan bergerak dengan kecepatan 2 pada sumbu x dan y. Makanan akan ditempatkan secara acak di (200, 150) dan akan berubah lokasinya setiap kali ikan menabrakinya.

Anda dapat menggunakan tombol panah pada perangkat smartphone untuk mengontrol pergerakan ikan. Tujuan dari game ini adalah mengarahkan ikan agar menabrak makanan dan makanannya akan berpindah ke posisi baru. Setiap kali ikan sukses mengkonsumsi makanan, skor akan bertambah.

Harap dicatat bahwa ini hanya contoh dasar dan masih bisa dikembangkan lebih lanjut sesuai keinginan Anda.