kumarkaranam1 / bubble-shooter

Puzzle Bobble game made with HTML5 Canvas, Phaser.js, and ES6

Bubble Shooter

HTML5 canvas game inspired by the Puzzle Bobble series.

VIEW LIVE: https://html5bubbleshooter.co/ NEW LINK: http://html5bubbleshooter.surge.sh/

• Has 50 unique rounds that increase in difficulty
• All sprites and graphics scale proportionally to the user device's viewport height (min height: 510px, max height: 1190px)
• Assets are optimized using spritesheets made with TexturePacker and cache control headers configured by the nginx server
• Game data is stored using localStorage enabling players to continue from the most current round

Built With

• Phaser.js - Game engine, collision detection, animation, sound effects, and managing state
• ES6 - Transpiled with Babel
• Webpack - For bundling, applying loaders, and HMR for development
• Express.js - Serve static content
• nginx - Proxy between client and Express server for modifying HTTP responses
• Photoshop - Created all png files for the game
• TexturePacker - For creating spritesheets

Music Credits

• Phaser.js
• FoxSynergy
• bart
• agcnf_media
• MLMusic
• ionics
• jabameister
• EpicStock 1 2

Backlog

• Add 50 more levels
• Input form for signup
• MySQL server to persist user stats
• Rankings page