Jogo hmtl onde você é uma ponto e aperta botões para se andar's game

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

No:25197

←

Prev Next

→

Jogo hmtl onde você é uma ponto e aperta botões pa..ALL
Developer User12287｜Date and time 23/11/19 2:35:19
Build time 44.452 sec｜Game capacity 1.966KB｜

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 Movimento</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Definição das coordenadas iniciais do ponto
        var x = 200;
        var y = 200;

// Função para atualizar a posição do ponto
        function updatePosition(direction) {
            if (direction === "up") {
                y -= 10;
            } else if (direction === "down") {
                y += 10;
            } else if (direction === "left") {
                x -= 10;
            } else if (direction === "right") {
                x += 10;
            }

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

// Desenhar o ponto na nova posição
            ctx.beginPath();
            ctx.arc(x, y, 5, 0, 2 * Math.PI);
            ctx.fillStyle = "black";
            ctx.fill();
            ctx.closePath();
        }

// Função para lidar com os eventos de toque
        function handleTouch(event) {
            var touchX = event.touches[0].clientX;
            var touchY = event.touches[0].clientY;

// Verificar a direção do toque em relação à posição atual do ponto
            if (touchX < x) {
                updatePosition("left");
            } else if (touchX > x) {
                updatePosition("right");
            }

if (touchY < y) {
                updatePosition("up");
            } else if (touchY > y) {
                updatePosition("down");
            }
        }

// Adicionar o evento de toque ao canvas
        canvas.addEventListener("touchstart", handleTouch);

// Inicializar o ponto na posição inicial
        updatePosition();

</script>
</body>
</html>