Cube dash but cubes are faster's game

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

No:42644

←

Prev Next

→

Cube dash but cubes are faster
Developer User18853｜Date and time 24/2/12 12:28:39
Build time 9.064 sec｜Game capacity 2.898KB｜

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</title>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>
    <script>
        // Variáveis do jogo
        var canvas;
        var canvasContext;
        var cubeX = 150;
        var cubeY = 200;
        var cubeSpeedX = 5;
        var cubeSpeedY = 5;
        
        // Função para iniciar o jogo
        function gameStart() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");
            
            // Define a taxa de atualização do jogo
            var framesPerSecond = 30;
            setInterval(updateGame, 1000 / framesPerSecond);
            
            // Define os eventos de toque para controlar o cubo
            canvas.addEventListener("touchstart", handleTouchStart, false);
            canvas.addEventListener("touchmove", handleTouchMove, false);
        }
        
        // Função para atualizar a posição do cubo
        function updateGame() {
            moveCube();
            drawGame();
        }
        
        // Função para mover o cubo baseado nos toques na tela
        function handleTouchStart(event) {
            event.preventDefault();
            var touch = event.touches[0];
            cubeX = touch.clientX;
            cubeY = touch.clientY;
        }
        
        // Função para mover o cubo baseado no deslocamento do toque
        function handleTouchMove(event) {
            event.preventDefault();
            var touch = event.touches[0];
            cubeX = touch.clientX;
            cubeY = touch.clientY;
        }
        
        // Função para mover o cubo de acordo com sua velocidade
        function moveCube() {
            cubeX += cubeSpeedX;
            cubeY += cubeSpeedY;
            
            // Inverte a velocidade do cubo quando atinge os limites do canvas
            if (cubeX >= canvas.width || cubeX <= 0) {
                cubeSpeedX = -cubeSpeedX;
            }
            
            // Inverte a velocidade do cubo quando atinge os limites do canvas
            if (cubeY >= canvas.height || cubeY <= 0) {
                cubeSpeedY = -cubeSpeedY;
            }
        }
        
        // Função para desenhar o cubo e o fundo do jogo
        function drawGame() {
            // Desenha o fundo
            colorRect(0, 0, canvas.width, canvas.height, "black");

// Desenha o cubo
            colorRect(cubeX - 15, cubeY - 15, 30, 30, "red");
        }
        
        // Função auxiliar para desenhar um retângulo
        function colorRect(leftX, topY, width, height, color) {
            canvasContext.fillStyle = color;
            canvasContext.fillRect(leftX, topY, width, height);
        }
        
        // Inicia o jogo quando a página carrega
        window.onload = gameStart;
    </script>
</body>
</html>