"Twitch Cosplay" was a team project build during the Hackathon held at Yale University. This extension was built for Twitch and Amazon Games that would let the streamers try costumes on their characters.
In this, we developed an appealing web application using HTML5, CSS and JavaScript to let the users choose the costumes they want to try on. This is me trying the hat feature provided by the application!
-
To get started, download the github repository for this project.
-
Unzip the folder and double click on the index.html file.
-
A window will pop open in your default browser which would look like this -
- Click on the item you want to choose. Next window will ask you to "Use your camera". Allow the webcam to be used by this application. The message looks like this -
-
Once you allow the camera to be used, you will see something like this -
-
Next step is playing along with the arrows and trying different angles to get the item to fit!
Here are some examples of me playing around with the hat