Inspiration
The idea for Elemental Synergy came from my love for classic logic puzzles like Sudoku. I wanted to create something quick and engaging—something you could enjoy during a short break (2-3 minutes) but that could also challenge puzzle enthusiasts with more complex grids.
What it does
Elemental Synergy is a grid-based logic puzzle game where you strategically place elements to satisfy unique rules:
- Each row and column must contain exactly two of each element.
- Some cells are connected by synergy ⚡ or counter ❌ rules, adding layers of strategy.
- synergy ⚡ - Elements should synergise: 💧Water x 🌱Earth or 🔥Fire x 💨Air
- counter ❌ - Elements should counter each other: 💨Air x 🌱Earth or 💧Water x 🔥Fire
- Players can solve daily challenges or generate puzzles of varying difficulty in free play mode.
How I built it
The game was built using:
- HTML, TailwindCSS, and ReactJS for a smooth, responsive UI.
- A solver and generator to ensure all puzzles are solvable through logic alone.
- Reddit BLOCKs to make the initial screens load quickly and improve user experience.
- Systems for daily puzzles (everyone solves the same challenge) and a free mode with 3 difficulties where puzzles are generated on the fly.
Challenges I ran into
- Puzzle solvability: Ensuring puzzles were always solvable without guessing while maintaining an appropriate difficulty curve.
- UI/UX polish: Early versions felt flat, so I spent time adding animations and styling to make the game feel more complete.
- Tutorial design: Early playtesting showed that some players struggled with the rules. This feedback led to the creation of a step-by-step tutorial to help new players.
Accomplishments that I am proud of
- Creating a puzzle generator that produces fair, solvable challenges.
- Building a game that feels polished and accessible while still providing a challenge.
- Designing an engaging tutorial that makes learning the game easy.
- Offering two game modes (DailyChallenge and FreePlay) for both competitive and casual players.
What I learned
- How to plan and execute a solo project within a tight time frame.
- The mechanics of grid-based logic puzzles and how to balance difficulty.
- The importance of player feedback in improving gameplay, tutorials, and overall experience.
- How to create satisfying animation for user actions.
What's next for Elemental Synergy
- New puzzle mechanics: Introducing additional elements or rules for more variety.
- New game modes: New ways of play, max solved in N-minutes, etc
Built With
- react
- tailwindcss
- vite
Log in or sign up for Devpost to join the conversation.