AI game creator

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

No:36655

←

Prev Next

→

Ying Yang
Developer User16853｜Date and time 24/1/18 6:29:25
Build time 15.2 sec｜Game capacity 3.514KB｜

Script

Como você mencionou que quer um jogo implementado em um único arquivo HTML, aqui está um exemplo de um jogo de Ying Yang usando JavaScript e pictogramas:

Esse jogo consiste em um pictograma de Ying Yang e duas faces - uma feliz e outra triste - que são posicionadas aleatoriamente a cada dois segundos no canvas. O jogador pode tocar no pictograma de Ying Yang e em cada uma das faces para receber um alerta correspondente.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Como você mencionou que quer um jogo implementado em um único arquivo HTML, aqui está um exemplo de um jogo de Ying Yang usando JavaScript e pictogramas:

```html
<!DOCTYPE html>
<html lang="pt-br">

// Definindo as constantes para os pictogramas
        const yingYangIcon = "☯";
        const happyFaceIcon = "😊";
        const sadFaceIcon = "😞";

// Definindo as posições iniciais do ying yang e das faces
        let yingYangX = 200;
        let yingYangY = 200;
        let happyFaceX = Math.random() * 400;
        let happyFaceY = Math.random() * 400;
        let sadFaceX = Math.random() * 400;
        let sadFaceY = Math.random() * 400;

// Função para desenhar os elementos na tela
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Desenhando o ying yang
            ctx.font = "48px Arial";
            ctx.fillText(yingYangIcon, yingYangX, yingYangY);

// Desenhando a face feliz
            ctx.font = "40px Arial";
            ctx.fillText(happyFaceIcon, happyFaceX, happyFaceY);

// Desenhando a face triste
            ctx.font = "40px Arial";
            ctx.fillText(sadFaceIcon, sadFaceX, sadFaceY);
        }

// Verificando a posição do toque/click no canvas
        function checkPosition(event) {
            const rect = canvas.getBoundingClientRect();
            const touchX = event.clientX - rect.left;
            const touchY = event.clientY - rect.top;

// Verificando se o ying yang foi tocado
            if (touchX > yingYangX && touchX < yingYangX + 48 && touchY > yingYangY && touchY < yingYangY + 48) {
                alert("Você tocou no Ying Yang!");
            }

// Verificando se a face feliz foi tocada
            if (touchX > happyFaceX && touchX < happyFaceX + 40 && touchY > happyFaceY && touchY < happyFaceY + 40) {
                alert("Você tocou na face feliz!");
            }

// Verificando se a face triste foi tocada
            if (touchX > sadFaceX && touchX < sadFaceX + 40 && touchY > sadFaceY && touchY < sadFaceY + 40) {
                alert("Você tocou na face triste!");
            }
        }

// Atualizando as posições das faces de forma aleatória
        function updatePositions() {
            happyFaceX = Math.random() * 400;
            happyFaceY = Math.random() * 400;
            sadFaceX = Math.random() * 400;
            sadFaceY = Math.random() * 400;
        }

// Função para iniciar o jogo
        function startGame() {
            draw();
            canvas.addEventListener("click", checkPosition);
            setInterval(updatePositions, 2000);
        }

// Iniciando o jogo
        startGame();
    </script>
</body>

</html>
```