Hexabine is a hexagonal twist on the classic 2048 game, built using JavaScript and the HTML5 Canvas API.
Players slide and merge numbered hex tiles across a honeycomb-shaped board to reach higher values.
Strategic movement is key, as diagonal directions are included for more complex gameplay.
The game begins with 2 randomly spawned tiles.
Players use the arrow keys (and diagonal combinations) to slide tiles across the board.
When two tiles of the same value collide, they merge into a single tile with double the value.
Each move spawns a new tile in an empty cell.
The game ends when no more moves are possible.
🐝 Unique hexagonal board layout
➡️ Six movement directions (L, R, UL, UR, DL, DR)
🔄 Smooth tile animations and merging
🎯 Score tracking with every merge
🎨 Vibrant tile colors for each value
❌ Game over detection with restart option
- Arrow Keys → Move tiles left, right, up, or down
- Arrow Key Combos → Move tiles diagonally:
- Left + Up → Up-Left
- Right + Up → Up-Right
- Left + Down → Down-Left
- Right + Down → Down-Right
- Restart Button → Start a new game
- Help Button → View controls and objective
Clone or download this repository
Open hexabine.html in a web browser
Start sliding and merging tiles!
Or
Go to this link: Coming Soon
JavaScript (ES6)
HTML5 Canvas API
CSS3
The board is a fixed hexagonal grid of configurable size.
New tiles spawn with values of 2 or 4.
Movement and merges are animated for clarity.
The highest tile created is recorded in score tracking.
Mobile/touch input support
High score persistence (local storage)
Custom board sizes and difficulties
Themed color palettes