AI game creator

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

No:27320

←

Prev Next

→

Instagram
Developer User13247｜Date and time 23/12/6 3:09:31
Build time 106.269 sec｜Game capacity 3.25KB｜

Script

Como você é um programador, irei lhe fornecer um exemplo de jogo simples baseado em smartphone, utilizando linguagem JavaScript em um único arquivo HTML. Irei utilizar pictogramas, conforme solicitado. Siga as instruções para implementar e testar o jogo.

Este é um exemplo básico de jogo que exibe pictogramas na tela e permite ao jogador acertar ou errar clicando sobre eles. Cada acerto adiciona 10 pontos à pontuação total, enquanto cada falha subtrai 5 pontos. O jogo termina quando o jogador realizou 10 tentativas. Após o término, uma caixa de diálogo é exibida com a pontuação final. Para testar o jogo, copie o código acima e cole em um arquivo HTML. Em seguida, abra o arquivo no navegador de seu smartphone.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Jogo de Pictogramas</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        // Pictogramas para o jogo
        const pictogramas = [
            "🍕", "🌮", "🍔", "🍟", "🍦", "🥤", "🍿", "🍩", "🍓", "🍎"
        ];

// Variáveis do jogo
        let ponto = 0;
        let bolaAtual = "";
        let acertos = 0;
        let falhas = 0;
        let canvas;
        let ctx;

// Função para iniciar o jogo
        function iniciarJogo() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

// Configurando eventos de clique na tela
            canvas.addEventListener("click", verificarClique);

// Iniciando primeiro pictograma
            proximoPictograma();

// Iniciando loop do jogo
            setInterval(atualizarJogo, 1000);
        }

// Função para selecionar próximo pictograma
        function proximoPictograma() {
            const randomIndex = Math.floor(Math.random() * pictogramas.length);
            bolaAtual = pictogramas[randomIndex];

// Posicionando pictograma no centro do canvas
            const xPos = (canvas.width / 2) - 20;
            const yPos = (canvas.height / 2) - 20;

// Desenhando pictograma no canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.font = "50px Arial";
            ctx.fillText(bolaAtual, xPos, yPos);
        }

// Função para verificar o clique do usuário
        function verificarClique(event) {
            const x = event.clientX - canvas.offsetLeft;
            const y = event.clientY - canvas.offsetTop;

if (ctx.isPointInPath(x, y)) {
                acertos++;
                ponto += 10;
            } else {
                falhas++;
                ponto -= 5;
            }

proximoPictograma();
        }

// Função para atualizar o jogo
        function atualizarJogo() {
            // Verificar se o jogo deve terminar (após 10 tentativas)
            if (acertos + falhas === 10) {
                canvas.removeEventListener("click", verificarClique);
                alert("Fim de jogo! Pontuação: " + ponto);
            }
        }

// Iniciar o jogo quando a página for carregada
        window.onload = iniciarJogo;
    </script>
</body>
</html>
```

Para testar o jogo, copie o código acima e cole em um arquivo HTML. Em seguida, abra o arquivo no navegador de seu smartphone.