Doodle Mood

Interactive drawing tools that support emotional expression

Jiang, Xiaoying, Coll of Arts, Media & Design

Doodle Mood

Mood Doodle is an interactive painting tool developed by p5.js. In daily life, people often express their emotions through color, rhythm and form. For example, warm colors make people feel comfortable; cold colors convey calm, and dark colors represent depression. I hope that through a simple but interactive painting program, users can create under different "mood", so as to experience how emotions affect the choice and expression of visual language.During the design process, I deliberately limited the number of colors in each mood mode and set it to six colors. This decision allows users to no longer face too many choices when creating, but to enter a visual environment that is "emotionally limited”. I also designed five different brushes to enrich the level of visual expression. These brushes are not only formal changes; they also correspond to different emotional expressions. By transforming "brush behavior " into visual effects, it is a generative creative tool. In terms of interaction, I chose the design scheme of "keyboard control". Users can complete all operations through simple shortcut keys. This design reduces the complexity of the interface, so that users can focus on the painting itself.In the development process, I encountered many challenges, how to transform abstract "emotions" into concrete colors, and how to realize the linkage between different modules while maintaining a clear code structure. In order to solve these problems, I split the program into multiple functions, such as setMoodColors to manage the color system, setBackgroundMode to control the background.This project made me understand how to transform design concepts into executable interactions; and how to use parameters (such as distance, transparency, randomness) to generate expressive visual effects. Mood Doodle is not only a painting tool, but also an experiment on the relationship between emotions, interaction and visual expression.