a game that you collect spaceships but miss the bombs's game

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

No:21493

←

Prev Next

→

a game that you collect spaceships but miss the bo..ALL
Developer User9056｜Date and time 23/10/15 22:03:54
Build time 131.525 sec｜Game capacity 5.136KB｜

Script

Sure! Here's an example of a game where you collect spaceships but need to avoid the bombs. It is designed for smartphone operation and uses pictograms for visual representation. The game is implemented as a single HTML file with JavaScript enclosed in script tags.

To play the game, you can copy and paste the above code into a new HTML file, save it with a `.html` extension, and open it in a web browser (preferably on a smartphone). You can control the spaceship by touching and dragging it across the screen. The goal is to collect as many spaceships as possible while avoiding the bombs. The game over screen will display when a collision occurs.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Spaceship Collector</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        
        canvas {
            background-color: #fff;
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Initialize the game
        function initialize() {
            canvas = document.getElementById('gameCanvas');
            ctx = canvas.getContext('2d');
            spaceship = { x: 50, y: 50, width: 50, height: 50 };
            bombs = [];
            score = 0;
            isGameOver = false;

canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;

// Start the game loop
            intervalId = setInterval(update, 60);
            
            // Move the spaceship based on touch events
            canvas.addEventListener('touchstart', handleTouchStart);
            canvas.addEventListener('touchmove', handleTouchMove);
        }

// Game loop
        function update() {
            if (!isGameOver) {
                // Clear the canvas
                ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the spaceship
                drawSpaceship();

// Draw the bombs
                drawBombs();

// Update the game state
                updateGameState();

// Display the score
                displayScore();
            } else {
                // Game over screen
                ctx.font = '36px Arial';
                ctx.fillStyle = '#000';
                ctx.textAlign = 'center';
                ctx.fillText('Game Over!', canvas.width / 2, canvas.height / 2);
                clearInterval(intervalId);
            }
        }

// Draw the spaceship
        function drawSpaceship() {
            ctx.fillStyle = '#00f';
            ctx.fillRect(spaceship.x, spaceship.y, spaceship.width, spaceship.height);
            ctx.strokeRect(spaceship.x, spaceship.y, spaceship.width, spaceship.height);
        }

// Draw the bombs
        function drawBombs() {
            for (var i = 0; i < bombs.length; i++) {
                var bomb = bombs[i];
                ctx.fillStyle = '#f00';
                ctx.fillRect(bomb.x, bomb.y, bomb.width, bomb.height);
            }
        }

// Update the game state
        function updateGameState() {
            // Move the bombs downwards
            for (var i = 0; i < bombs.length; i++) {
                var bomb = bombs[i];
                bomb.y += 5;

// Check for collision with spaceship
                if (
                    bomb.x < spaceship.x + spaceship.width &&
                    bomb.x + bomb.width > spaceship.x &&
                    bomb.y < spaceship.y + spaceship.height &&
                    bomb.y + bomb.height > spaceship.y
                ) {
                    isGameOver = true;
                }
            }

// Remove bombs that have gone past the canvas
            bombs = bombs.filter(bomb => bomb.y < canvas.height);

// Add a new bomb randomly at the top of the canvas
            if (Math.random() < 0.02) {
                var bomb = { x: Math.random() * (canvas.width - 50), y: 0, width: 50, height: 50 };
                bombs.push(bomb);
            }

// Update the score
            score += 1;
        }

// Display the score
        function displayScore() {
            ctx.font = '24px Arial';
            ctx.fillStyle = '#000';
            ctx.fillText('Score: ' + score, 10, 30);
        }

// Move the spaceship based on touch events
        function handleTouchStart(event) {
            var touch = event.touches[0];
            spaceship.x = touch.clientX - spaceship.width / 2;
            spaceship.y = touch.clientY - spaceship.height / 2;
        }

function handleTouchMove(event) {
            event.preventDefault();
            var touch = event.touches[0];
            spaceship.x = touch.clientX - spaceship.width / 2;
            spaceship.y = touch.clientY - spaceship.height / 2;
        }

// Start the game
        window.addEventListener('load', initialize);
    </script>
</body>
</html>
```