A space ship dodging rocks in space's game

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

No:50684

←

Prev Next

→

A space ship dodging rocks in space
Developer User21386｜Date and time 24/3/9 12:00:33
Build time 8.275 sec｜Game capacity 2.255KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Space Dodge Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        // Spaceship variables
        let spaceshipX = 400;
        let spaceshipY = 500;
        let spaceshipSize = 50;
        let rockSize = 50;
        
        // Control spaceship movement with touch
        canvas.addEventListener('touchmove', function(e) {
            spaceshipX = e.touches[0].clientX - canvas.getBoundingClientRect().left - spaceshipSize/2;
        });
        
        // Function to draw spaceship
        function drawSpaceship() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(spaceshipX, spaceshipY, spaceshipSize, spaceshipSize);
        }
        
        // Function to draw rocks
        function drawRock(rockX, rockY) {
            ctx.fillStyle = 'grey';
            ctx.fillRect(rockX, rockY, rockSize, rockSize);
        }
        
        // Initialize game
        function startGame() {
            let rockY = 0;
            let rockX = Math.floor(Math.random() * (canvas.width - rockSize));
            
            // Game loop
            function gameLoop() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                drawSpaceship();
                drawRock(rockX, rockY);
                
                rockY += 5; // Speed of rocks falling
                
                // Check collision with spaceship
                if(rockY > spaceshipY - rockSize && rockX > spaceshipX - rockSize && rockX < spaceshipX + spaceshipSize) {
                    alert('Game Over! Rocks hit the spaceship');
                    clearInterval(gameInterval);
                }
                
                // Check if rock passed spaceship
                if(rockY > spaceshipY) {
                    rockY = 0;
                    rockX = Math.floor(Math.random() * (canvas.width - rockSize));
                }
            }
            
            let gameInterval = setInterval(gameLoop, 30);
        }
        
        startGame(); // Start the game
    </script>
</body>
</html>
```