AI game creator

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

No:44353

←

Prev Next

→

Brotato
Developer User19369｜Date and time 24/2/17 23:56:49
Build time 6.039 sec｜Game capacity 1.592KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<html>
<head>
    <title>Pictogram Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

let score = 0;

const pictograms = [
            { image: '🍔', x: 50, y: 50 },
            { image: '🍕', x: 150, y: 150 },
            { image: '🍦', x: 250, y: 250 },
        ];

canvas.addEventListener('click', (event) => {
            const rect = canvas.getBoundingClientRect();
            const x = event.clientX - rect.left;
            const y = event.clientY - rect.top;

pictograms.forEach(pictogram => {
                if (x > pictogram.x && x < pictogram.x + 50 && y > pictogram.y && y < pictogram.y + 50) {
                    score++;
                    resetPictogram(pictogram);
                }
            });
        });

function resetPictogram(pictogram) {
            pictogram.x = Math.random() * 350;
            pictogram.y = Math.random() * 350;
        }

function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

pictograms.forEach(pictogram => {
                ctx.fillText(pictogram.image, pictogram.x, pictogram.y);
            });

ctx.fillText(`Score: ${score}`, 10, 20);
        }

function update() {
            draw();
        }

function gameLoop() {
            update();
            requestAnimationFrame(gameLoop);
        }

gameLoop();
    </script>
</body>
</html>