-
the 2nd ending
-
the lorebook
-
the 7 puzzle game
-
the landing pagge
-
the lorebook entries
-
the 1st ending
-
the about section
-
the start
Inspiration
The vision was to create a highly immersive, interactive web experience that pushes the boundaries of front-end engineering by combining cinematic aesthetics with deep storytelling.
What it does
Celestfall operates as a mystical, lore-driven puzzle website. Players navigate through a stylized interface to solve seven distinct "prophecy" puzzles. The core loop focuses on exploration and puzzle-solving, featuring interactive "spell-casting" interfaces and celestial alignment puzzles that progressively reveal the overarching narrative.
How we built it
The core of the project relies on complex JavaScript-based ritual mechanisms to handle the advanced puzzle logic and user interactions. The front-end was meticulously crafted using lore-heavy UI components to maintain a seamless, mystical atmosphere throughout the user journey.
Challenges we ran into
Designing the interactive "spell-casting" interfaces and ensuring the celestial alignment puzzles felt intuitive yet challenging required intricate state management. Balancing the heavy visual assets and lore elements with a clean, responsive UI also presented a significant technical hurdle.
Accomplishments that we're proud of
We successfully engineered seven distinct "prophecy" puzzles that seamlessly integrate with custom JavaScript ritual mechanisms. Bringing a fully realized, lore-driven world to life purely through browser technologies is a major win.
What we learned
We deepened our understanding of building complex JavaScript-based ritual mechanisms and managing dynamic states across multiple interactive puzzle components. We also refined our approach to designing lore-heavy UI components that enhance, rather than distract from, the core user experience.
What's next for Celestfall
We plan to expand the universe by adding more intricate celestial alignment puzzles and introducing new interactive narrative branches.
Log in or sign up for Devpost to join the conversation.