Zoom Background for Lovely Friendships
I miss building lovely friendships with lovely people in classes as I did last year. Accordingly, I wanted to make a background that invited friendship over zoom classes. I’ve been watching a little bit of Blue’s Clues recently and really enjoy its graphics.
I wanted to recreate the playful and goofy and welcoming aspects seen in children’s shows like this (excuse my poor documentation), using the circular in out easing function from p5.func as well as a simple linear function for the curly frame.
I would have liked to include elements that were customizable by the user, perhaps a list of current friends that cycles on the screen or a phone number where they may be reached to build these friendships. I experimented with this a bit early on, but it was going poorly :~(. Here’s a screenshot from that stage, showing the name of my best friend and partner ;~).
The curls were hard to get right using curveTightness() alone, as I had originally planned. You can see above one of the many experiments I had in making these curves before settling on manually creating a loop with curveVertex() and repeating it across the screen. The sideways motion I ended up with was easier to create with this method as well. Once I had that figured out, the main difficulty I had was not knowing how much space someone is going to take up in the frame and having to arrange visual elements accordingly. More technically, my heart shapes (lifted from previous projects) seem to be anchored at their left side and scale oddly because of that. Some of my technical notes are evident below ;~) (Excuse the unrelated notes + drawings)
If you would like to build lovely friendships by using this as your Zoom background, please be my guest :~) Zoom only accepts videos as backgrounds so you’ll have to download below.
xoxoxo
~sweetcorn