Arrow Path Puzzle is a fun, logic-based grid puzzle game built entirely with HTML, CSS, and JavaScript — no external frameworks needed!
Rotate arrows strategically to guide your player (the bird 🐥 or other cute characters) from the Start cell to the Goal cell.
Each puzzle is randomly generated, offering a unique challenge every time.
- The game board is a grid filled with directional arrows (↑ → ↓ ←).
- Your goal is to rotate the arrows to form a connected path from the Start (bottom-left) to the Goal (top-right).
- Once the correct path is formed, the player automatically moves along the route — and confetti 🎉 celebrates your success!
✅ Dynamic Difficulty Levels
- Easy (4×4)
- Medium (6×6)
- Hard (8×8)
✅ Customizable Player & Goal
Choose your favorite character (🐥 🐸 🐰 🐱 🦊 🐼 etc.) and goal (🏁 🎁 💎 🎂 🍖 🛸 ...).
✅ Auto Path Detection
Instantly checks for a valid connection between start and goal as you rotate arrows.
✅ Smooth Bird Animation
Watch your character move cell by cell along the glowing path when solved.
✅ Vibration Feedback (Mobile-friendly)
Gives tactile feedback when interacting on supported devices.
✅ Rock Obstacles
Rocks 🪨 appear in advanced puzzles, forcing you to find creative paths.
✅ Confetti Celebration + Sound Effects
Rewarding visual and audio feedback when you win!
✅ Fully Responsive Design
Optimized for both mobile and desktop play.
- Select your Player and Goal icons from the dropdown.
- Choose your Difficulty level.
- Click on any arrow cell to rotate it clockwise.
- Form a continuous path from Start to Goal.
- Once connected, your player moves automatically — enjoy the celebration 🎉.
- Click Next Puzzle to play again with a new grid layout!
| Technology | Purpose |
|---|---|
| HTML5 | Structure of the puzzle and UI |
| CSS3 | Styling, responsive layout, and animations |
| Vanilla JavaScript (ES6) | Game logic, pathfinding, and interactions |
| Canvas Confetti | Celebration effects |
| Audio API | Click and success sounds |
| Vibration API | Mobile feedback |
Welcome contributions from the open-source community to help make this project even better. Feel free to fork this project to suggest new features, improve the UI/UX, remove bugs. Pull requests are welcome!