Microaggressions

• 

  The starting screen

Inspiration

Very few people know what microaggression is, and yet everyone experiences it almost everyday. Microaggressions was mas to bring awareness that even a simple everyday phrase or interaction can be offensive or demeaning to a group of people.

What it does

Given a series of phrases/interactions, can you guess which is considered a microaggression? Each example of microaggression is taken from a UC published list (https://academicaffairs.ucsc.edu/events/documents/Microaggressions_Examples_Arial_2014_11_12.pdf)

You are given a score (+200 points for a correct answer, -80 points for a wrong answer).

How we built it

This was our first time using javascript and a javascript framework. The framework we used, Phaser 3, is mainly geared for web hosted games. Google tried to be a good third teammate but Phaser 3 is a new framework and had limited examples to work off of.

Challenges we ran into

Building a web game as first time javascript users, the main problem we ran into was not enough documentation for the framework we used, Phaser 3, since it only came out recently, which left us without a steady guide.

Accomplishments that we're proud of

The screen is able to show a clickable microaggression and friendly phrase, allowing it to actually be interactive. Having a project we are able to partially demo is most of the battle during hackathons, and we learned javascript in the process.

What we learned

We learned how to use javascript as well, use the Phaser 3 framework, and that we are the joke instead of our project.

What's next for Microaggressions

We would love to add in different levels and "characters" the player acts as and new situations where microaggressions could be present. "Characters" such as people of color, homosexual people, and transgender people are the main ones we had lined up to implement next.

Built With

• css
• html5
• javascript
• phaser.js