Dreams game, for SNES poligonal com controles's game

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

No:13235

166

←

Prev Next

→

Dreams game, for SNES poligonal com controles
Developer User5784｜Date and time 23/8/27 11:57:17
Build time 14.927 sec｜Game capacity 3.882KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Dreams Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// Definindo os controles do jogo
        const controller = {
            left: false,
            right: false,
            up: false,
            down: false,
        };

// Adicionando eventos de toque para os controles
        function touchStartHandler(event) {
            event.preventDefault();
            const touch = event.touches[0];
            const touchX = touch.clientX - canvas.offsetLeft;
            const touchY = touch.clientY - canvas.offsetTop;

if (touchX < 70 && touchY > (canvas.height - 70)) {
                controller.left = true;
            }
            else if (touchX > (canvas.width - 70) && touchY > (canvas.height - 70)) {
                controller.right = true;
            }
            else if (touchY < 70 && touchX > (canvas.width / 2 - 70) && touchX < (canvas.width / 2 + 70)) {
                controller.up = true;
            }
            else if (touchY > (canvas.height - 140) && touchX > (canvas.width / 2 - 70) && touchX < (canvas.width / 2 + 70)) {
                controller.down = true;
            }
        }

function touchEndHandler(event) {
            event.preventDefault();
            controller.left = false;
            controller.right = false;
            controller.up = false;
            controller.down = false;
        }

// Definindo os pictogramas do jogo
        const playerIcon = "\uD83D\uDC76";
        const enemyIcon = "\uD83D\uDC7A";

// Definindo a classe dos personagens
        class Character {
            constructor(x, y, icon, speed) {
                this.x = x;
                this.y = y;
                this.icon = icon;
                this.speed = speed;
            }

draw() {
                context.font = "30px Arial";
                context.fillText(this.icon, this.x, this.y);
            }
        }

// Criando os personagens
        const player = new Character(canvas.width / 2, canvas.height / 2, playerIcon, 5);
        const enemy = new Character(canvas.width / 4, canvas.height / 4, enemyIcon, 3);

// Função para atualizar o estado do jogo
        function update() {
            // Limpa o canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Move o jogador com base nos controles
            if (controller.left) {
                player.x -= player.speed;
            }
            if (controller.right) {
                player.x += player.speed;
            }
            if (controller.up) {
                player.y -= player.speed;
            }
            if (controller.down) {
                player.y += player.speed;
            }

// Desenha o jogador e o inimigo
            player.draw();
            enemy.draw();

// Checa colisão entre o jogador e o inimigo
            if (player.x < enemy.x + 30 &&
                player.x + 30 > enemy.x &&
                player.y < enemy.y + 30 &&
                player.y + 30 > enemy.y) {
                // Redireciona para o game over
                alert("Game Over!");
                window.location.reload();
            }

// Loop para atualizar o estado do jogo
            requestAnimationFrame(update);
        }

// Event listeners para os controles de toque
        canvas.addEventListener("touchstart", touchStartHandler, false);
        canvas.addEventListener("touchend", touchEndHandler, false);

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