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

No:13206

156

←

Prev Next

→

Espécie creator, game sandbox for MTL
Developer User5784｜Date and time 23/8/27 7:50:12
Build time 12.563 sec｜Game capacity 2.586KB｜

Script

Certo, vou criar um jogo chamado "Espécie Creator" no formato de um único arquivo HTML. Aqui está o código:

Espécie Creator

Este jogo "Espécie Creator" utiliza os recursos de canvas e JavaScript para desenhar pictogramas aleatórios no canvas. Os pictogramas representam diferentes espécies, como insetos, peixes, pássaros, gatos, cachorros e macacos. Cada vez que o jogo é iniciado, 10 pictogramas aleatórios são desenhados no canvas. Você pode jogar abrindo o arquivo HTML em um navegador em um smartphone. Boa diversão!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Certo, vou criar um jogo chamado "Espécie Creator" no formato de um único arquivo HTML. Aqui está o código:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Espécie Creator</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #canvas {
            border: 1px solid black;
            width: 320px;
            height: 480px;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <h1>Espécie Creator</h1>
    <canvas id="canvas"></canvas>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            const canvas = document.getElementById("canvas");
            const ctx = canvas.getContext("2d");
            
            // Definindo as imagens dos pictogramas
            const pictogramas = [
                { nome: "Inseto", imagem: "🐛" },
                { nome: "Peixe", imagem: "🐠" },
                { nome: "Pássaro", imagem: "🐦" },
                { nome: "Gato", imagem: "🐱" },
                { nome: "Cachorro", imagem: "🐶" },
                { nome: "Macaco", imagem: "🐵" }
            ];
            
            // Função para desenhar um pictograma aleatório no canvas
            function desenharPictogramaAleatorio() {
                const randomIndex = Math.floor(Math.random() * pictogramas.length);
                const pictograma = pictogramas[randomIndex];
                const x = Math.random() * (canvas.width - 50);
                const y = Math.random() * (canvas.height - 50);
                ctx.fillText(pictograma.imagem, x, y + 35);
            }
            
            // Função para iniciar o jogo
            function iniciarJogo() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                
                // Desenha 10 pictogramas aleatórios
                for (let i = 0; i < 10; i++) {
                    desenharPictogramaAleatorio();
                }
            }
            
            // Chama a função iniciarJogo para começar o jogo
            iniciarJogo();
        });
    </script>
</body>
</html>
```