Finalist in CHI Play 2017 Amsterdam
In a team of 5, we are creating a game that involves crowd participation and integration to the Twitch web platform. It's a survival horror game in which viewers use a website UI to interact with a Twitch streamer playing in real time to affect the game outcome. This game is part of CMU's Audience Participation Game Project.
How Might We:Create a horror game in which both the player and viewers can interact with each other and affect the game progess + outcome?
My Role:Designed the game level, visuals, atmosphere, and UX. Lead ideation of game structure and interactions.
Built the front end of the web interface.
Game play showing the main player stream, and the viewer's participation UI. Watch in fullscreen for all the details!
Next StepsAllow the audience to assume a proactive role: viewers who help the player can earn points to
unlock more levels of interaction.
- Viewers can create noises and sounds to distract the ghost
- Viewers can interact directly with objects in the game to help or hinder the player
- Viewers will spend points for each interaction, more points will be required to hinder the player
Next StepsScale the game: create a voting mechanism for when there are too many viewers, and the chat becomes useless.
Why?By adding different layers of interaction for the viewer, we wish to add more incentive for the audience to take on a proactive role and to create a dynamic streaming experience for both the main player and his/her viewers.
Working with Chaoya Li, the lead Interaction Designer, we sketched out our new UI brainstorms so we can visualize our thoughts.
InsightsFrom our sketches, our vision for the front end was solidified. The sketches will inform our mock ups and code.
Compared with our prototype in the first phase, we utilized all the screen space to create a responsive layout. Additionally, we added space for event triggered menus.
We created a variety of event-triggered menus for players to interact with. Voting is the main method of determining which event can happen.
Why?As the game viewers scale, we need to create a way for many viewers to participate at once. Voting leverages the wisdom of the crowd in making choices, and a time-out function eliminates spam and encourages action due to scarcity.
We set out to create an MVP in 5 weeks, and we did it! We had great feedback and live demoed with 20+ people playing, and also presented to Twitch streamers and employees.
In our second phase, we built the designs and the framework for the Web UI 2.0. Going forward into the summer and beyond, we will implement the rest of our new features, as well as new game graphics.
Designed and implemented the house, textures, and details.
Coded the front end of the website for viewers.
Contributed to the atmosphere and lighting design.
The level design of a game greatly impacts the player experience! From the general layout down to the details.
Sometimes for practicality purposes, a design mock-up must be changed in order to function.
For a horror game, the lighting and atmosphere make or break how scary the game could be.