Astral Warfare

Battle Screen
Homepage
Inventory Screen
Shop Screen

Inspiration

Both team members are passionate about video games, so we wanted to make something that we would enjoy using. The competition prompt for "Constellations" set a base on which we built ideas and created our game.

What it does

Astral Warfare opens on an interactive home screen displaying the constellations 'Ursa Major' and 'Pegasus'. From here, users may select their first character out of twelve that represent each zodiac sign. The real game starts from here. The player can battle their equipped character against the other zodiac signs in Osu style combat, and a win results in the player gaining in-game coins. These coins can then be used to unlock new characters that the player can use to battle with from the shop screen. The goal is to unlock every character in the game.

How we built it

Astral Warfare's Progress was kept using a Trello page that we regularly updated throughout the course of the project. Mongo DB was used to store a user's profile and their game data so that they can pick up where they left off after leaving the game. An AI-coding IDE, Cursor, provided much of the framework for both front-end and back-end code, which we would use as a base before heavily optimizing to achieve our desired results. Front-end features such as the design and interactivity of each screen was created using HTML and JavaScript. Many visuals were created in Figma before being put into the game, and others were used from public domains on the internet. Back-end features such as the connection to the Mongo DB database, the collection of in-game currency, and management of unlocked/locked characters was created using JavaScript.

Challenges we ran into

Neither of the members in our group are skilled in front-end coding, so we relied heavily on our AI IDE to provide a solid framework. This created many errors. To achieve the final design that we envisioned we had to write in a language that we weren't familiar with - HTML - and learn to use new tools such as Figma. Also, neither team member had worked with databases, so we had to learn this task while in the process of creating our game.

Accomplishments that we're proud of

Our biggest accomplishments come from overcoming our greatest challenges. Despite our low experience with UI, we are very happy with how it turned out. The project provided a great learning experience for this skillset. Additionally, our implementation of databases is something we are very proud of in this project.