Yellowshirt

• 

  Gameplay depicting a user randomly placed on campus

• 

  Round-over screen

• 

  Login screen

Inspiration

As students who were once in first-year shoes, we reflected on the problem we continue to have of not knowing where places are on campus. We saw an opportunity to enhance the first year experience through a game that teaches students where things are on campus. Additionally, we thought it would be fun for students who are more familiar with the campus to compete with other students.

What it does

Yellowshirt is a game, inspired by Geoguessr, that uses 3D interactive panoramas to showcase the world of UNSW. Players are planted into a random position on campus and can explore their surroundings, helping them come to a judgement as to where they are. After the player makes a guess, they are given a score based on how accurate their suspicions were.

How we built it

We used React.js and a custom UI component library, giving Yellowshirt a friendly and distinct look. The dozens of panoramas were taken with a rented Insta360 X4 over the span of a single day. Each image was tagged using software we developed as a team named Panoproc, which associates photos with their geolocation, adds clickable 'hotspots', and more. Panoproc was written in Python, and it works via a simple Flask server and Jinja frontend. The Yellowshirt backend is powered by an Express server.

What's next for Yellowshirt

Thanks to the flexibility of the Panoproc tagger - which effectively acts as a level editor - we see a future where Yellowshirt could be used for universities other than UNSW, greatly enhancing the transition students have into university. Moreover, we hope to revamp the authentication system to be more robust and support a wider array of login types.

Built With

• express.js
• firebase
• flask
• python
• react