poulad/bubble-gunner

Bubble Gunner

Join the journey of bubble gunner to save lavaland animals. Shoot bubbles and catch animals but be careful! Pieces of lava are also falling down.

Play it now in browser or in a Telegram chat!

Getting Started

# restore packages and build the project
npm install

# run a server on port 5005 (by default)
npm start

and navigate to localhost:5005.

For manually building the project afterwards:

npm run build

@types type definitions will not be restored on old versions of node.

For development time, use http://localhost:5005/index-dev.html as it does not load the minified version of js files.

Generating Audio Sprites

Make sure you have ffmpeg installed and present in PATH.

npm run gen-audio

Credits

Artworks

• Great people sharing their work on Pixabay
• DerekminyA

Sounds

• Great people sharing their work on FreeSound
• Xenogears Original Soundtrack - Knight of Fire

bubble-gunner's Issues

Platform index

Platform should have the same index as dragon but currently is a part of bg image

Lava doesn't collide with bubble

There seems to be an offset in collision detection code.

Game puase

Pause button currently resets the game instead of momentarily pausing it.

Esc button could also be used for pausing the game.

Power up

Bubble bomb

Asset Not loading

The bubble popper character is not loading

Button Label Text Format Incorrect

In Menu.ts:
let startGameText = new Text(Start Shooting Bubbles, Sans 10pt, red);
Should be:
let startGameText = new Text(Start Shooting Bubbles, 10pt Calibri, red);

Sans is invalid rip

Page metadata

There is almost not metadata about the page.

Start by title

Spritesheet

Put all the images together in 1 spritesheet.

Dying animal cannot be rescued

While an animal is dying(burning in lava sea), it cannot be caught by a bubble shot toward it.

Bug: 1 Circle Attaches to Multiple Bubbles

Suppose you shoot a bubble at a circle, and you want to get another one directly behind it. The first circle will consume both bubbles, and prevent Player from successfully catching the circle behind the foremost circle.

Set FPS to 60 FPS

pls

function init() {
    canvas = <HTMLCanvasElement> document.getElementById(`canvas`);
    window.addEventListener(`resize`, resizeCanvas, false);
    resizeCanvas();
    let stage = new Stage(canvas);
    let manager = new BubbleGunner.GameManager(stage);
    Ticker.addEventListener(`tick`, stage);
    // ----Add Me--------
    Ticker.framerate = 60;
    // ---------------------
    createjs.Touch.enable(stage);
    manager.start();
}

Referecnes in Game scene not completely cleaned up

For example, when pieces of lava are falling and game ends(pause or game over), the lava sound plays while player is seeing the other scene.

Increase Lava Droprate

Add more lava intervals to each of the levels.
Level 1 - 1 lava
Level 2 - 2 lava
level 3 - 4 lava

Pterodactyl in level 3

Pterodactyl flies in level 3 and pops the bubbles

Get Sounds

Sounds needed:

• Lava falling
• Bubble shooting
• Bubble capturing animal
• Animal starts falling
• Lava popping bubble
• Animal rescued
• Animal died

Edit:

• Button click

Circle And Lava Cannot Be The Same Speed

In the instance of a circle and lava travelling across two parallel vectors, the lava infinitely blocks the circle.

Lava Type Deprecated

Lava is no longer a shape, and should now be a container. This change is needed for the Particle Emitter and Image.

Lava Particles

I'm doing this