ECHO

ECHO is an interactive p5.js project that turns emotions into moving visuals instead of just words. Users type in feelings like happy, sad, angry, jealous, or anxious, and the program responds by generating shapes, colors, and motion that represent each emotion in a different way. At first, the emotions show up as abstract visuals, like floating dots, shifting shapes, and color patterns that move around the screen. Each emotion has its own style, so happiness feels lighter and more sparkly, sadness moves slower and more softly, anger is faster and sharper, jealousy has more structured shapes, and anxiety feels jittery and unpredictable. As more emotions are added, the screen becomes a mix of these visual behaviors, showing how different feelings can exist and interact at the same time. Users can combine up to three emotions, and depending on the combination, the program generates a more unified result. When certain emotion combinations are entered, ECHO goes a step further and generates a full creature. These creatures are visual representations of blended emotions. For example, one creature might represent happy, sad, and angry together, while another represents angry, jealous, and anxious. These designs combine color, shape, and motion into a single character that visually expresses the emotion mix. The experience is meant to be playful and exploratory rather than analytical. Instead of explaining emotions, it shows them in motion so users can experiment and see how different feelings “look” when they come together. There’s also a start screen, a generate system, and a reset option so users can easily explore new combinations without restarting the page. Overall, ECHO is about making emotions visual, interactive, and a little more fun to understand by turning them into something you can actually watch evolve on screen.