Explorando Todas As Cidades Do Brasil's game

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

No:26994

←

Prev Next

→

Explorando Todas As Cidades Do Brasil
Developer User13367｜Date and time 23/12/3 21:44:12
Build time 38.701 sec｜Game capacity 3.912KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Explorando Todas As Cidades Do Brasil</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Configurações do jogador
        var playerSize = 50;
        var playerSpeed = 5;

// Configurações das cidades
        var citySize = 20;
        var maxCities = 10;

// Variáveis do jogo
        var canvas;
        var canvasContext;
        var playerX = 50;
        var playerY = 50;
        var cities = [];

// Função para inicializar o jogo
        function startGame() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');
            canvas.style.backgroundColor = backgroundColor;

// Criação das cidades aleatoriamente
            for (var i = 0; i < maxCities; i++) {
                var cityX = Math.random() * (canvas.width - citySize);
                var cityY = Math.random() * (canvas.height - citySize);
                cities.push({ x: cityX, y: cityY });
            }

// Adiciona os eventos de toque
            canvas.addEventListener('touchstart', handleTouchStart);
            canvas.addEventListener('touchmove', handleTouchMove);
            canvas.addEventListener('touchend', handleTouchEnd);

// Inicia o loop de renderização
            setInterval(update, 16); // Executa a função update a cada 16ms (aproximadamente 60fps)
        }

// Função para atualizar o estado do jogo
        function update() {
            movePlayer();

// Limpa a tela
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Desenha o jogador
            drawPlayer();

// Desenha as cidades
            for (var i = 0; i < cities.length; i++) {
                drawCity(cities[i]);
            }
        }

// Função para mover o jogador com base nos toques na tela
        function movePlayer() {
            if (touches.length > 0) {
                var touch = touches[0];
                var touchX = touch.clientX;
                var touchY = touch.clientY;
                var dx = touchX - playerX;
                var dy = touchY - playerY;
                var distance = Math.sqrt(dx * dx + dy * dy);
                var moveX = (dx / distance) * playerSpeed;
                var moveY = (dy / distance) * playerSpeed;

// Verifica se o jogador está perto o suficiente da posição de toque
                if (distance > playerSize) {
                    playerX += moveX;
                    playerY += moveY;
                }
            }
        }

// Função para desenhar o jogador
        function drawPlayer() {
            canvasContext.fillStyle = playerColor;
            canvasContext.fillRect(playerX - playerSize / 2, playerY - playerSize / 2, playerSize, playerSize);
        }

// Função para desenhar uma cidade
        function drawCity(city) {
            canvasContext.fillStyle = cityColor;
            canvasContext.fillRect(city.x - citySize / 2, city.y - citySize / 2, citySize, citySize);
        }

// Funções de manipulação de toque
        var touches = [];

function handleTouchStart(event) {
            event.preventDefault();
            touches = event.touches;
        }

function handleTouchMove(event) {
            event.preventDefault();
            touches = event.touches;
        }

function handleTouchEnd(event) {
            event.preventDefault();
            touches = [];
        }

// Inicia o jogo quando a página carregar
        window.onload = startGame;
    </script>
</body>
</html>