A unique twist on the classic 2048 puzzle game, created for Global Game Jam 2025 (theme: "Bubble").
Watch the bubble mechanic in action - tiles merge when you swipe, then automatically rise up one row for a second merge opportunity!
Bubble 2048 combines the familiar 2048 merging mechanics with an innovative bubble physics mechanic. After each move you make, all tiles automatically "bubble up" to the top of the board, creating a second merge opportunity and adding a new strategic dimension to the classic gameplay.
- 4x4 Grid: Merge tiles to reach 2048 (and beyond!)
- Standard Merging: Swipe in any direction to slide and merge matching numbers
- Bubble Mechanic: After your move, tiles automatically shift one row upward (with merging), simulating bubbles rising
- Ocean Theme: Beautiful bubble-shaped cells with an aquatic color palette
- Keyboard: Arrow keys or WASD
- Mouse: Click and drag to swipe
- Touch: Swipe gestures on mobile devices
- Framework: React + TypeScript
- Build Tool: Vite
- Styling: CSS with custom animations
- Deployment: GitHub Pages
npm install # Install dependencies
npm run dev # Start development server (http://localhost:5173)npm run build # Build for production
npm run preview # Preview production build locally- Multiple input methods (keyboard, mouse, touch)
- Score tracking with best score persistence
- Smooth tile animations
- Win/game over detection
- Responsive design for desktop and mobile
For developers interested in the implementation details:
- Animation System Deep Dive - How we fixed the tile sliding animations
- Implementation Plan - Complete project roadmap and architecture
This project was created for Global Game Jam 2025. Feel free to fork and create your own variations!
MIT License - see LICENSE file for details.
Created for Global Game Jam 2025
Live Demo: https://furic.github.io/bubble-2048/
Made with 💙 for Global Game Jam 2025