Gun shooting game with aliens and dragon in water's game

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

No:44192

←

Prev Next

→

Gun shooting game with aliens and dragon in water
Developer User19339｜Date and time 24/2/17 12:06:08
Build time 16.519 sec｜Game capacity 4.553KB｜

Script

Sure! Here's an example of a simple gun shooting game with aliens and a dragon, playable in a web browser:

To run the game, save the above code in a file with a `.html` extension (e.g., `game.html`), and open the file in a web browser. The game canvas will appear, and you can use the left and right arrow keys to move the player's gun. The aim is to avoid colliding with the aliens or the dragon. If you collide with any of them, a "Game Over" message will be displayed, and the game will be reset.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! Here's an example of a simple gun shooting game with aliens and a dragon, playable in a web browser:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Alien Shootout</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        // Game Canvas and Context
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

// Player Object
        const player = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            width: 30,
            height: 30,
            image: new Image()
        };

player.image.src = 'pictogram_of_gun_icon.png';

// Alien Object
        const alien = {
            x: Math.random() * canvas.width,
            y: 0,
            width: 50,
            height: 50,
            speed: 2,
            image: new Image()
        };

alien.image.src = 'pictogram_of_alien_icon.png';

// Dragon Object
        const dragon = {
            x: Math.random() * canvas.width,
            y: 0,
            width: 75,
            height: 75,
            speed: 3,
            image: new Image()
        };

dragon.image.src = 'pictogram_of_dragon_icon.png';

// Controls
        let leftPressed = false;
        let rightPressed = false;

document.addEventListener('keydown', keyDownHandler);
        document.addEventListener('keyup', keyUpHandler);

function keyDownHandler(e) {
            if (e.keyCode === 37) {
                leftPressed = true;
            } else if (e.keyCode === 39) {
                rightPressed = true;
            }
        }

function keyUpHandler(e) {
            if (e.keyCode === 37) {
                leftPressed = false;
            } else if (e.keyCode === 39) {
                rightPressed = false;
            }
        }

// Game Loop
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.drawImage(player.image, player.x, player.y, player.width, player.height);

// Move player
            if (leftPressed && player.x > 0) {
                player.x -= 4;
            } else if (rightPressed && player.x + player.width < canvas.width) {
                player.x += 4;
            }

// Draw aliens and dragons
            ctx.drawImage(alien.image, alien.x, alien.y, alien.width, alien.height);
            ctx.drawImage(dragon.image, dragon.x, dragon.y, dragon.width, dragon.height);

// Move aliens and reset position if they reach the bottom
            alien.y += alien.speed;
            if (alien.y > canvas.height) {
                alien.x = Math.random() * canvas.width;
                alien.y = 0;
            }

// Move dragons and reset position if they reach the bottom
            dragon.y += dragon.speed;
            if (dragon.y > canvas.height) {
                dragon.x = Math.random() * canvas.width;
                dragon.y = 0;
            }

// Collision detection
            if (
                player.x < alien.x + alien.width &&
                player.x + player.width > alien.x &&
                player.y < alien.y + alien.height &&
                player.y + player.height > alien.y
            ) {
                // Alien collision
                alert('Game Over! Aliens got you!');
                document.location.reload();
            }

if (
                player.x < dragon.x + dragon.width &&
                player.x + player.width > dragon.x &&
                player.y < dragon.y + dragon.height &&
                player.y + player.height > dragon.y
            ) {
                // Dragon collision
                alert('Game Over! The dragon got you!');
                document.location.reload();
            }

requestAnimationFrame(draw);
        }

// Start the game
        draw();
    </script>
</body>
</html>
```