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

No:30105

←

Prev Next

→

Cripto.ai
Developer User14167｜Date and time 23/12/20 23:19:24
Build time 19.756 sec｜Game capacity 3.488KB｜

Script

Como programador, posso criar um jogo criptográfico simples para smartphones, usando pictogramas, JavaScript e um único arquivo HTML. Aqui está um exemplo de implementação:

Jogo Criptográfico

Neste jogo criptográfico, são exibidos três pictogramas em posições aleatórias na tela. O objetivo do jogador é clicar nos pictogramas para ganhar pontos. Cada vez que um pictograma é clicado, sua posição é atualizada para uma nova posição aleatória. A pontuação do jogador é exibida na parte superior da tela. Certifique-se de substituir "emozi_bear.png", "emozi_chicken.png" e "emozi_rabbit.png" pelos caminhos corretos para as imagens dos pictogramas que você deseja usar. Além disso, você pode personalizar o estilo, tamanho e posicionamento dos elementos de acordo com suas necessidades.

←

Prev　Next

→ 　

Back　

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

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

Como programador, posso criar um jogo criptográfico simples para smartphones, usando pictogramas, JavaScript e um único arquivo HTML. Aqui está um exemplo de implementação:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jogo Criptográfico</title>
</head>
<body>
    <h1>Jogo Criptográfico</h1>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Imagens dos pictogramas
        var pictogram1 = new Image();
        var pictogram2 = new Image();
        var pictogram3 = new Image();
        pictogram1.src = "pictogram1.png";
        pictogram2.src = "pictogram2.png";
        pictogram3.src = "pictogram3.png";

// Posições iniciais dos pictogramas
        var pictogram1X = 50;
        var pictogram1Y = 50;
        var pictogram2X = 150;
        var pictogram2Y = 150;
        var pictogram3X = 250;
        var pictogram3Y = 250;

// Desenha os pictogramas na tela
        function drawPictograms() {
            ctx.drawImage(pictogram1, pictogram1X, pictogram1Y, 50, 50);
            ctx.drawImage(pictogram2, pictogram2X, pictogram2Y, 50, 50);
            ctx.drawImage(pictogram3, pictogram3X, pictogram3Y, 50, 50);
        }

// Verifica se o pictograma foi clicado
        function checkClick(x, y, pictogramX, pictogramY) {
            if (x >= pictogramX && x <= (pictogramX + 50) && y >= pictogramY && y <= (pictogramY + 50)) {
                score++;
                return true;
            }
            return false;
        }

// Clique do usuário
        canvas.addEventListener("click", function(event) {
            var rect = canvas.getBoundingClientRect();
            var clickX = event.clientX - rect.left;
            var clickY = event.clientY - rect.top;

if (checkClick(clickX, clickY, pictogram1X, pictogram1Y)) {
                pictogram1X = Math.random() * 350;
                pictogram1Y = Math.random() * 350;
            } else if (checkClick(clickX, clickY, pictogram2X, pictogram2Y)) {
                pictogram2X = Math.random() * 350;
                pictogram2Y = Math.random() * 350;
            } else if (checkClick(clickX, clickY, pictogram3X, pictogram3Y)) {
                pictogram3X = Math.random() * 350;
                pictogram3Y = Math.random() * 350;
            }
        });

// Loop principal do jogo
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPictograms();
            ctx.fillStyle = "black";
            ctx.fillText("Pontuação: " + score, 10, 20);
            requestAnimationFrame(gameLoop);
        }

// Inicia o jogo
        gameLoop();
    </script>
</body>
</html>
```

Certifique-se de substituir "pictogram1.png", "pictogram2.png" e "pictogram3.png" pelos caminhos corretos para as imagens dos pictogramas que você deseja usar. Além disso, você pode personalizar o estilo, tamanho e posicionamento dos elementos de acordo com suas necessidades.