Jogo de cartas (as cartas tem imagem de cachorro)'s game

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

No:20343

←

Prev Next

→

Jogo de cartas (as cartas tem imagem de cachorro)
Developer User9019｜Date and time 23/10/9 6:28:36
Build time 7.6 sec｜Game capacity 2.163KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Cartas dos Cachorros</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        // Array que armazena as imagens dos cachorros
        var cartas = [
            "https://example.com/cachorro1.png",
            "https://example.com/cachorro2.png",
            "https://example.com/cachorro3.png"
            // adicione aqui as URLs das imagens dos cachorros restantes
        ];

// função para embaralhar o array de cartas
        function shuffle(array) {
            var currentIndex = array.length, temporaryValue, randomIndex;

while (0 !== currentIndex) {
                randomIndex = Math.floor(Math.random() * currentIndex);
                currentIndex -= 1;

temporaryValue = array[currentIndex];
                array[currentIndex] = array[randomIndex];
                array[randomIndex] = temporaryValue;
            }

return array;
        }

// função para desenhar as cartas no canvas
        function drawCards() {
            var canvas = document.getElementById("gameCanvas");
            var ctx = canvas.getContext("2d");

// limpa o canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// desenha cada carta no canvas
            for (var i = 0; i < cartas.length; i++) {
                var carta = cartas[i];

// carrega a imagem da carta
                var img = new Image();
                img.src = carta;
                
                // posiciona e desenha a carta na tela
                var x = (i % 4) * 200; // 4 cartas por linha
                var y = Math.floor(i / 4) * 300; // 4 linhas de cartas
                ctx.drawImage(img, x, y, 150, 200);
            }
        }

// função para iniciar o jogo
        function startGame() {
            // embaralha o array de cartas
            cartas = shuffle(cartas);

// desenha as cartas no canvas
            drawCards();
        }

// chama a função para iniciar o jogo
        startGame();
    </script>
</body>
</html>