Cube dash but cubes are faster's game

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

No:42643

←

Prev Next

→

Cube dash but cubes are faster
Developer User18853｜Date and time 24/2/12 12:28:17
Build time 11.582 sec｜Game capacity 3.911KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Cube Dash - O Jogo</title>
</head>
<body>
    <script>
        // Pictogramas para melhorar a experiência do jogo
        const pictogramas = {
            player: "🚶",
            obstacle: "🔲"
        };

// Definição do tamanho do cubo e da velocidade de movimento
        const cubeSize = 50;
        const playerSpeed = 10;

// Obtendo a largura e a altura da tela do dispositivo
        const screenWidth = window.innerWidth || document.documentElement.clientWidth;
        const screenHeight = window.innerHeight || document.documentElement.clientHeight;

// Configuração do canvas
        const canvas = document.createElement("canvas");
        const ctx = canvas.getContext("2d");
        canvas.width = screenWidth;
        canvas.height = screenHeight;
        document.body.appendChild(canvas);

// Definição do estado inicial do jogo
        let playerX = (screenWidth - cubeSize) / 2;
        let playerY = screenHeight - cubeSize;
        let obstacles = [];
        let score = 0;
        let gameOver = false;

// Função para criar um novo obstáculo
        function createObstacle() {
            const obstacleX = Math.random() * (screenWidth - cubeSize);
            const obstacleY = -cubeSize;
            obstacles.push({ x: obstacleX, y: obstacleY });
        }

// Função para desenhar o jogador e os obstáculos na tela
        function draw() {
            ctx.clearRect(0, 0, screenWidth, screenHeight);

// Desenhar jogador
            ctx.fillText(pictogramas.player, playerX, playerY + cubeSize, cubeSize);

// Desenhar obstáculos
            obstacles.forEach(obstacle => {
                ctx.fillText(pictogramas.obstacle, obstacle.x, obstacle.y + cubeSize, cubeSize);
            });

// Desenhar pontuação
            ctx.font = "24px Arial";
            ctx.fillText("Pontuação: " + score, 10, 30);
        }

// Função para atualizar a posição do jogador e dos obstáculos
        function update() {
            if (!gameOver) {
                // Mover jogador
                if (playerX >= 0 && playerX <= screenWidth - cubeSize) {
                    playerX += playerSpeed;
                }

// Mover obstáculos
                obstacles.forEach(obstacle => {
                    obstacle.y += playerSpeed * 2;
                    
                    // Verificar colisão entre jogador e obstáculo
                    if (obstacle.y + cubeSize >= playerY && obstacle.x >= playerX - cubeSize && obstacle.x <= playerX + cubeSize) {
                        gameOver = true;
                    }
                });

// Remover obstáculos que saíram da tela
                obstacles = obstacles.filter(obstacle => obstacle.y <= screenHeight);

// Gerar novos obstáculos randomicamente
                if (Math.random() < 0.02) {
                    createObstacle();
                }

score++;

draw();
            } else {
                // Fim de jogo
                ctx.font = "48px Arial";
                ctx.fillText("Game Over", screenWidth / 2 - 100, screenHeight / 2);
            }
        }

// Função para tratar eventos de toque na tela
        function handleTouch(event) {
            if (!gameOver) {
                const touchX = event.touches[0].clientX;

if (touchX <= screenWidth / 2) {
                    playerX -= playerSpeed;
                } else {
                    playerX += playerSpeed;
                }
            }
        }

// Associar evento de toque para movimentar o jogador
        document.addEventListener("touchstart", handleTouch, false);

// Iniciar o jogo
        setInterval(update, 1000 / 60);
    </script>
</body>
</html>