Let everyone drawing melodies through browser together

http://104.131.68.226:8084

Description

It's an website for collaborate drawing melodies. Everything the user drew on the canvas can generate notes(music) User's drawing elements have interactions each other. Every elements in that world have rigid body and have gravity and may also have collide effect with other elements. Every time they collide each other, sound generated.

Classes

Live Web

Real Me is a live chatting app with BLE connected sensors that uses graphics and messages to reveal user's real emotion during chatting.

Description

Real Me is a chatting app with BLE connected muscle sensor, pulse sensor and vibration sensor. It tracks user's emotion while chatting and using system messages to tell the real emotion of the user. Sensor readings also draws out geometric motion graphics as the background of the chatting room.

Classes

Designing for Data Personalization, Live Web, Understanding Networks

Voicepong is a classic pong game controlled with voice.

http://104.131.178.108:3001/livewebTeam

Description

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.

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, our custom made 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 the same. This multiplayer game will provide interactive and collaborative experience.

Classes

Live Web

Learn some introductory circuit relationships by holding hands with this Minion.

http://www.tanyacampbell.org/category/live-web

Description

An introductory circuit learning experience that illustrates the differences between an open and closed circuit + a large resistance vs. small resistance.

When you hold the Minion’s hand, you complete his internal circuit and an LED lights up. When the Minion’s hands are left unheld, his LED will remain unlit.

The minion circuit is linked to a website that provides visual feedback when the circuit is open/closed. When the circuit is open, the Minion will frown, while on the other hand, if the circuit is closed, the Minion will smile.

As for resistance, we mapped a potentiometer to control the colors of an RGB LED. When the RGB LED is red, that means there is a high resistance present, which will result in a dim LED. When yellow, there is a medium amount of resistance present, and when green that means there’s a low amount of resistance present.

Stay tuned for more updates and videos on this topic.

Classes

Live Web

Spitshield is an unique device that detects volume of saliva when people talk and projects facial deformation of listener based on amount of spit.

https://docs.google.com/presentation/d/1IJ8aIespzBt5EVFsdm6K9De-ZUI7DyqOoxLFzJz8gV4/edit?usp=sharing

Description

The idea for Spitshield is inspired from the unpleasant feeling when we have a conversation with someone who spits. While Spitshielded detects the volume of spits, it projects a deformed version of the listener's face on the screen, based on the amount of saliva. This will keep people away from getting sprayed and allow speakers to recognize they are spitting.

Classes

Conversation and Computation, Live Web