Inspiration
We were inspired by how overwhelming financial decision-making can feel, especially for students and young adults who are learning about money through trial and error. We wanted to turn financial literacy into something interactive and engaging rather than theoretical or intimidating. Games naturally encourage experimentation, so we decided to use a game-based approach to simulate financial choices and their consequences.
What We Learned
Through this project, we learned how to deploy a Unity WebGL game as a static website and integrate it with a custom front-end interface. We gained hands-on experience with WebGL builds, responsive web design, and structuring a project that cleanly separates game logic from web presentation. This project also helped us better understand how to communicate game state (such as money, risk, and stability) through a clear and intuitive UI.
How We Built It
We built the game using Unity and exported it as a WebGL build. The game is hosted as a static website with a simple landing page that embeds the WebGL content in a responsive container. The website is built with C# and includes a HUD-style overlay that displays key metrics like Money, Risk, and Stability. While these values are currently placeholders, the structure is designed so they can later be dynamically driven by Unity game events. The focus was on creating a clean, scalable foundation that can support future features. We used Vultr as server.
Challenges We Faced
One of the biggest challenges was working with Unity WebGL deployment and ensuring the game loaded correctly across different screen sizes. Since we had limited prior experience with web development and game hosting, setting up the correct folder structure and debugging loading issues took time. Another challenge was designing the UI and system architecture before having finalized visual assets, which required us to think ahead and prioritize flexibility and maintainability.
Log in or sign up for Devpost to join the conversation.