Menu

VOICEPONG

Type: Web Development
Tool: P5.js,Websockets,PeerJS
Date: Dec 2015
Team members: Xi Liu, Paul Hiam
Role: Web development, UI design, Usability testing

Voicepong is inspired by traditional pong which is one of the earliest arcade video game. The aim is to win the simulated table-tennis game by making a sound to control the paddle's movement and being the first player to earn 5 points. Players can move their paddles based on how loud they talk or yell. The more they make sounds, the paddle moves upward, and vice versa.

how it works

To start this game, players will access to certain IP address and be assigned with an unique peer ID. Once each player enters the opponent’s ID, the game will begin. For the audio input device, a microphone will be connected to the computer.
This game can be played by more than two players as long as the number of players on each side is identical. This multiplayer game will provide interactive and collaborative experience.

user flow

wireframe
FINAL design

User Testing

We presented Voicepong at ITP Winter show 2015. We've got helpful feedbacks from audience including 12-year-old kid which provided us guidance to the next possible steps:

  • Voicepong can be developed on different platform, such as iOS mobile app, so people could download and play the game remotely.
  • It can have different levels of difficulty based on users' game performance.
  • Using reward system, such as badges or ranking, can help motivate users to keep playing.
  • It has simple design now, it can be improved with multiple background and interfaces based on game levels.

  • CODE

    I also made working prototype using HTML, SASS and Javascript for the future use. I still need to add WNYC API to extract articles everyday, but I made it up and running like what I exactly planned at the beginning. You can see the code on Github by clicking the button below.

    SEE CODE HERE
    BACK TO WORK