My concept:
When I thought about drawing myself, I kept coming back to how life feels both simple and complicated at the same time. Every day is full of changes and mixed feelings, but at the core we’re all made from the same basic pieces. That’s why I decided to build my self-portrait using only simple shapes like circles, triangles, and ellipses to contrast how complex human life really is. I wanted the picture to stay very plain on the surface, yet still carry that idea of life’s hidden complexity.
I started with the face and was only thinking of adding that one part. But once it was there, it looked too empty and a little strange, so I added the body and small details like the bright flowers.
At first I only added the soft pink background to show warmth and comfort, and to reflect my love for the color pink and the feminine energy I carry within me. Later on, I added a change in the background color: when the eyes close, the background turns a calm blue, as if I am thinking deeply. And when the eyes open, it shifts back to a vibrant pink, showing a lively, outward energy.
Moreover, the blue shirt stands for the calmness I try to hold on to, while the colorful dots in the flowers are little sparks of creativity and excitement that keep appearing in my life.
For the interaction, I kept it gentle: when the mouse moves to the left side, the eyes close, as if I’m pausing, thinking, or taking a quiet breath. When it moves back to the right, the eyes open again, ready to see and connect.
Even though the portrait is simple, I try to tell a deeper story about how I balance stillness and openness, and how something small can hold a lot of meaning.
Code I am proud of
The part I’m most proud of is the hair. It was the trickiest section for me because I wanted it to actually feel like hair and make it look like it’s coming slightly over the forehead. I first tried using arc() to shape that curve, but it looked off and I wasn’t confident with all the parameters yet. After a few awkward attempts, I switched to simple shapes I understand better: triangles for the front pieces and a few larger rectangles/arc forms for the volume. The triangles gave me a nice, clear direction so the hair could overlap the forehead, and the bigger shapes behind added that sense of thickness.
My Sketch
Reflection:
Looking back at this project, I feel proud of how my idea kept growing as I worked. At first I only thought about using simple shapes, but along the way I added details like the background color changing to soft blue when the eyes close and vibrant pink when they open to show the shift between deep thinking and lively openness. For future improvements, I would love to make that transition smoother, maybe blending different shades of blue for a richer night-sky feeling or adding tiny glowing stars to make the calm side even more immersive and adding flowers in the vibrant side.
This assignment was fun because it let me use JavaScript in a creative way. It was exciting to see a few circles, triangles, and color choices slowly turn into something that actually feels alive. Watching the eyes respond to the mouse and the background change with mood gave me a sense of storytelling I didn’t expect.