AI game creator

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

No:22903

←

Prev Next

→

Generative Art
Developer User10589｜Date and time 23/10/26 13:30:23
Build time 36.988 sec｜Game capacity 2.291KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Generative Art Game</title>
</head>
<body>
    <canvas id="myCanvas"></canvas>
    <script>
        // Mendapatkan referensi ke elemen canvas
        const canvas = document.getElementById("myCanvas");
        const context = canvas.getContext("2d");

// Mengatur ukuran canvas menjadi layar penuh
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

// Classes untuk menggambar dan mengontrol objek di game
        class Pictogram {
            constructor(x, y, size, color) {
                this.x = x;
                this.y = y;
                this.size = size;
                this.color = color;
            }

draw() {
                context.fillStyle = this.color;
                context.fillRect(this.x, this.y, this.size, this.size);
            }
        }

class Game {
            constructor() {
                this.pictograms = [];

// Generate beberapa pictograms acak
                for (let i = 0; i < 50; i++) {
                    const x = Math.random() * canvas.width;
                    const y = Math.random() * canvas.height;
                    const size = Math.random() * 50 + 10;
                    const color = getRandomColor();
                    const pictogram = new Pictogram(x, y, size, color);
                    this.pictograms.push(pictogram);
                }
            }

drawGame() {
                // Membersihkan layar
                context.clearRect(0, 0, canvas.width, canvas.height);

// Menggambar seluruh pictograms
                for (const pictogram of this.pictograms) {
                    pictogram.draw();
                }
            }
        }

// Fungsi untuk menghasilkan warna acak
        function getRandomColor() {
            const characters = "0123456789ABCDEF";
            let color = "#";
            for (let i = 0; i < 6; i++) {
                color += characters[Math.floor(Math.random() * 16)];
            }
            return color;
        }

// Membuat instance game dan mulai game loop
        const game = new Game();
        setInterval(() => {
            game.drawGame();
        }, 50);
    </script>
</body>
</html>