New
Art
City
Virtual Art Space
Help icon

Catalog view is the alternative 2D representation of our 3D virtual art space. This page is friendly to assistive technologies and does not include decorative elements used in the 3D gallery.

Catalog:

SoftErr-300

USC Media Arts + Practice IML300 Fall21 Opened December 17th, 2021 View 3D Gallery
Poster image for SoftErr-300

Statement:

Artist: Isa Analo, Anya Ball, Nicholas Forman, Sean Jin, Mendy Kong, Lesley Moon, Annabelle Olson, Quan Pham, Sofia Rodriguez, Yana Savitsky, Tina Shi, Johannah Marie Suegay, Raeden Tapia-Stevens, Layla Yun

↓ Curatorial statement co-written by Angela Rong and Qianqian Ye ↓

Softness could be a cloud / ephemeral form
Softness could be a dune / morphing landscape

Softness could be the rounded corner of buttons
Softness could be the gradient background on the screens
Softness could be the almost illegible font
Softness could be the tactility when petting the keyboard and mouse
Softness could be the dizzy comfort of welcoming red error messages

Softness could be the fuzzy edge of unknown feelings
Softness could be subtle frustration of wanting more
Softness could be a polite refusal of the right way
Softness could be the brave moment of oversharing
Softness could be the sudden zero-g after admitting your fear
Softness could be a safe place to land
Softness could be the hands that are there to catch us

Can software be … soft?

Softness can seem like an elusive quality in technology, a frivolous whisper in a gallery of glass screens. We want to know comfort, yet also fear being vulnerable in our moments of rest. But how might softness be more than just a temporary respite? As we mix and blur together lines of code, how might we reawaken, relaxed, to new possibilities of living, sleeping, and dreaming?

This exhibition invites visitors to experience the web-based artworks of artists and coders in USC Media Arts + Practice’s IML 300 and 400 classes, as we look beyond the sterile finality of definitions and labels. Cocooned inside brackets, braces, and parentheses, SoftErr is a group exhibition that resonates with the warm, welcoming embrace of our communities -- both digital and in-person. Out of focus, eye to eye, we emerge from the heady fog of coding, cradling our projects of being and becoming. We hope that SoftErr shines a light on the pearl that is your existence and envelopes you in the glowing presence of many. Rest your head for a while; we're making software soft. Let's err on the softer side, softly.

Instructor: Qianqian Ye
Student Assistant: Katherine Yang

Music credit: Harvey Moon

3D Environment Description:

Clouds floating in a light blue sky

Artworks in this space:

Kaleidoscope fun!

Lesley Moon

I wanted to create a pattern that replicated a kaleidoscope. Instead of solid colors, the user makes up the colors and patterns being viewed. You have the freedom to pose with whatever you want (your hands, face, props) so have fun! Press canvas to save your pattern :)

Link to have your kaleidoscope fun
Kaleidoscope fun!

p5.Js Star Map

Anya Ball

This project is an interactive p5.Js star map. This piece is inspired by the time I had said goodbye to my best friend before moving to college. Right before I had left, I reminded her to look up at the stars, because we would both be looking at the same sky, regardless of how many miles came between us!

Link to p5.Js Star Map Editor

Scream Machine

Mendy Kong

The project screams at you when you type "scream." The cursor will also reverberate with the soundwaves of the scream. All my screams were ethically sourced from my friends (crowdsourced!) or pulled from TV shows, like The Suite Life, Arthur, and King of the Hill. I just wanted to do a funny project and it was also suited for Halloween. I was also inspired by screaming games, where you are supposed to scream at the technology to win/release stress, and I wanted to reverse that idea. What if you got screamed at by tech? Ha Ha Ha

Link to Scream Machine

P5.Js Exercise

Nicholas Forman

This piece utilizes for loops to create an array of eyes that loosely follow onescursor but is mainly random. Colors to represent America, serves a critique of our state of surveilance.

Link to sketch

Marianne face sketch p5

Annabelle Olson

My p5 face sketch!

Link to sketch

Musical Houses

Tina Shi

A little game where you can play as a dog and explore the musical village.

Link to p5 editor
Musical Houses

Wave Radio

Quan Pham

Wave Radio - This sketch is supposed to emulate a lofi radio. Typing the numbers below changes the station. Pictured in the middle is a noise wave that changes color according to the sound. My main inspiration for this project was the lofi example that we saw in class. I really like the vibes of lofi and I particularly wanted to explore the noise wave feature more. Press your 1-6 keys! Enjoy!

Wave Radio

no one to tell it to

Mendy Kong

“No one to tell it to” is a project that aims to be a receptacle for anyone and everyone. Not everyone has someone who is willing to every single one of their silly stories, and this is even harder when you move to a new place or are away from your friends and family. Here, on this online space, everyone is listening and cares, even a little bit. Your voice matters! I made this because of my own experience as a college student far from home and just starting to make friends in-person. If you are like this, this is for you! Even if you are not, U.S. media and society often prioritizes the stories/experiences of those who are wealthy, abled, cis-straight, and white while at the same time devaluing the stories of those who are people of color, who are disabled, who are poor, who are queer, etc. If you feel this way, this page is especially for you--especially for us. Again, your voice and your story matters!

no one to tell it to: link

Iterative Sketch

Sean Jin

An iterative sketch created in javascript using for loops.

Link to sketch
Iterative Sketch

memories of dumplings

Tina Shi

"memories of dumplings" is a website showcasing parts of Asian cuisine that are often regarded as "ugly", "stinky", or "slimy" and hopefully showing how there is much more to a food than it's (often) Western-defined negative quality.

Link to website
Yellow to red gradient background, text saying "Do you think asian food is..." and buttons with the words "ugly", "stinky", and "ugly".

PinkTax

Annabelle Olson

A social justice website I made with HTML and CSS that discusses the Pink Tax.

Link to website

Moody Faces

Raeden Tapia-Stevens

This is a face sketch made in p5.js editor that changes colors with mouse movement to convey different moods.

Face Sketch
Moody Faces

GET SCRUBBIN

Mendy Kong

This is just a bathroom with lots of bubbles. The bathroom is my safe space and I liked how relaxing the particles looked so I decided to make it a bathroom. It also reminds me of a drink with bubbles but the way the bubbles disappear to show the bathroom is also nice. The cursor is supposed to a bar of soap!

Get Scrubbin' link

So I've been meaning to say this

Quan Pham

being alone is hard. often it’s unavoidable. it’s scary, isolating, and incredibly uncomfortable. being left alone with your own company can be challenging for some people. i know it’s difficult for me sometimes. “so I’ve been meaning to say this” is a website that walks through potential outlets to address these feelings of loneliness and emptiness. it is based on my personal experiences being comfortable being alone and not lonely, and how I’ve dealt with it. it’s important to talk about this experience because it is so universal. without a doubt, everyone eventually deals with this problem. for me, it was monumental knowing that my struggles weren’t uncommon; i want this website to serve as a reminder that people aren’t alone in this experience. facing loneliness can lead to harmful consequences, and i hope that this website can act as a friend for those who need it, can offer companionship, and can offer solutions.

So I've been meaning to say this

HOMES: where is your home?

Layla Yun

I grew up in three different countries, and while it was an amazing experience, it also affected my cultural identity and where my “home” is. I kept asking myself, “where am I from?” — especially when others asked me “where are you really from?” This feeling of not belonging anywhere is not uncommon in immigrant communities, especially during adolescent years when one builds their identity. Through this website, I wanted to spread a narrative that “home” does not need to be a singular place. Rather, it is perfectly normal to have multiple locations, abstract feelings, and people as their homes.

HOME

Hubert the Clown

Lesley Moon

Hubert the Clown is a character that was created and coded in p5js. Play around with the slider and help Hubert juggle!

Play with Hubert the Clown

Exercise 3

Nicholas Forman

P5 sketch with slider to show crumpled paper that can turn into abstract lines

P5 Sketch

Exercise 2

Sean Jin

A javascript brush that paints 2d & 3d geometric shapes.

Link to sketch
Exercise 2

Calcifer

Tina Shi

A little js drawing of Calcifer from Howl's Moving Castle. Who knows, you might just figure out how to make him fall asleep!

Link to p5 editor
Calcifer

The Earth

Annabelle Olson

This is a p5 sketch I made using iterative for loops. I like the 3D illusion it gives by drawing ellipses both vertically and horizontally.

Link to sketch

I'm Lovin' It

Layla Yun

This project started with a simple question: “Where does this food come from?” As I was biting into my McDonald’s Crispy Chicken Sandwich, I realized that I knew nothing about what was going into my own body. This website can be broken down into two parts. First, it mimics the regular dining experience at McDonald’s: ordering food, sitting down, and biting into your chicken nuggets. Then, it transitions into a research-based inquiry of where the chicken nuggets come from. This section visualizes the confusing research process through the sectional breaks, toggle lists, and animations.

I'm Lovin' It

In The Moonlight Black Boys Look Blue, You're Blue.

Isabelle Analo

Inspired by a quote in the movie, Moonlight, this piece describes the transcendence yet humanity of Black people.

In The Moonlight Black Boys Look Blue, You're Blue.
Inspired by a quote in the movie, Moonlight, this piece describes the transcendence yet humanity of Black people

Shapes and Smiles

Tina Shi

Just a fun js drawing of some primary shapes and colours and smiles and frowns. Click to change the pattern!

Link to p5 editor
A pattern of triangles, squares, and circles in red, yellow, and blue. Some of them have a frowny face and some have a smiley face.

We Love Our Black Businesses

Anya Ball

This site was created to prodive an opportunity to support black businesses over major corporations. Oftentimes, many products catered for the black community, such as hair products, are not black owned. Many black owned businesses cater to larger audiences, and are created in order to provide the best services. This site puts a spotlight on small businesses that are black owned that you can support!

We Love Our Black Businesses Website
We Love Our Black Businesses

Rod Wave Soulfly Tour Soundboard

Anya Ball

This poster is inspired by the recent Rod Wave concert I attended. When I first met my roommate online, the first time we talked we purchased Rod Wave tickets together. This previous weekend we finally got to go, so I chose our crowd favorite songs and used an image I took!

p5.Js Rod Wave Soundboard Link
Rod Wave Soulfly Tour Soundboard

Baby Oranges

Quan Pham

A quick, interactive sketch of a baby fascinated by floating oranges.

Baby Oranges
Baby Oranges

Changing Landscapes

Annabelle Olson
Link to website

Hippie Sabotage Galaxy

Sofia Rodriguez

My objective was to create an immersive galaxy with interactive images that feature a few of my favorite songs from Hippie Sabotage. It's my take on the universe and the circulation of energy that surrounds us; this in particular, will transport you to another world of positivity and tranquility.

Hippie Sabotage Galaxy

Synesthesia Radio Station

Raeden Tapia-Stevens

This is a Radio Station that changes the song, color, and frequency of the dancing ovals according to which key on the keyboard you press. I want to eventually fill up every key with a song.

Synesthesia Radio Station

Drawing tool

Raeden Tapia-Stevens

This sketch is mouse-responsive and allows the user to draw on the canvas. The top portion of the canvas are warm-colored circles and the bottom portion are cool-colored squares.

Made in America | Prison Labor

Lesley Moon

Made in America is an interactive web experience about prison labor that leads the user through a laborious journey of pages and learning. I hope that as you labor through the website, you learn more about the prison industry and their labor that affects all consumers, including you and me.

Labor through and learn here

Camera Feed Algorithmic Pattern and Sound

Nicholas Forman

This final P5 exercise utilizes the users video and audio input. It takes in the video and uses it as a texture on all sides of multiple rotating cubes. With increased volume, the tint of these cubes change and react. There is a sphere changing in size rapidly, and has it's light source alligned to mouse movements. The background is more subtely correlated to mouse movements, changing shades of pink over time. I designed this piece as something quick and easy one could use for music videos or other audio and visual interactive experiences.

Link to sketch

Accelerationism

Nicholas Forman

This piece is a basic HTML site that deals with the nature of Accelerationism. The user has the option to destroy objects aimlessly but can be led on seperate paths through a series of ads.

Link to website

UP "Married Life" Music Video

Lesley Moon

I wanted to create a fun and interactive music video for the first 30 seconds of "Married Life," the soundtrack of the movie "UP," with a lot of bright colors! But the other side of "Married Life" that is not heard here is sad and deals with the loss of a significant other in a married life. Press "d" for an alternate, sad ending.

Click to watch and pop balloons

PLANET 360

Lesley Moon

An immersive 360 exploration of different worlds from Google Maps to famous movies accompanied by soundtracks.

Explore the planets

Jack-Jack Num Num Cookie

Layla Yun

This is a p5js Exercise for using a slider. The slider adjusts the size of Jack-Jack's mouth, aiming to show his excitement for the cookie.

p5js exercise

Build your Ambient Sound!

Layla Yun

Whenever I am under a lot of pressure, I like to play calming everyday sounds in order to destress. While I enjoyed the everyday sounds I could find on YouTube, I soon wanted to build my own mixture of sounds that I could listen to. Therefore, I decided to build that platform myself. Users can mix and match their favorite sounds by clicking on different objects they can find in the artowrk. I created a background arts that interacts with the sound and changes as users click a certain object in order to enhance the mood and the interactive experience. You can play and stop the sound by clicking on the object! Explore around to see which objects will make sounds, and have fun!

As the mouse clicks different objects, ambient noise representing each object plays: Bird: bird chirping Mug: liquid pouring Raindrop: rainstorm Leaves: wind Book: pages flipping

Build your Ambient Sound!

the forager

Yana Savitsky

A few months ago, my grandpa passed away in Belarus — all alone. Due to rising COVID cases and political protests within Belarus, I couldn't visit him or even attend his funeral. The forager attempts to help me heal and process my grandfather's death through a fragmented narrative. Viewers traverse through immersive nature and audio elements, alongside pictures of myself from when I was younger.

link

My Roots, My Future

Isabelle Analo

The purpose of this project is to illustrate how finding my Nigerian roots and Nigerian spirituality helped me grow into the woman I am today. The primary page of the website will showcase me at different stages in my life, as a young girl confused about her dad’s death, as a middle schooler insecure in her blackness, as a high schooler struggling with mental illness, and finally as a college student beginning to accept herself. As the audience goes through each stage, they’ll be met with two links within a poem. One of the links moves the audience back into the past, while the other link will move the audience forward and into the future. By the end of the website, the audience will be able to see and understand the full circle journey created by the hyper-narrative.

My Roots, My Future
The purpose of this project is to illustrate how finding my Nigerian roots and Nigerian spirituality helped me grow into the woman I am today. The primary page of the website will showcase me at different stages in my life, as a young girl confused about her dad’s death, as a middle schooler insecure in her blackness, as a high schooler struggling with mental illness, and finally as a college student beginning to accept herself. As the audience goes through each stage, they’ll be met with two links within a poem. One of the links moves the audience back into the past, while the other link will move the audience forward and into the future. By the end of the website, the audience will be able to see and understand the full circle journey created by the hyper-narrative.

Bojack Horseman - p5.js sketch

I love the show Bojack Horseman, and I was recently rewatching one of the show's best episodes: "Fish Out of Water". I think it is one of the best episodes of television created to date, as there are stunning visuals and less than three minutes of audible dialogue (since the episode takes place underwater)! The whole episode pairs crass Bojack Horseman with a baby seahorse, giving him unprecedented responsibility and forcing him to reflect on his relationships in life. I wanted to bring to life one of the scenes from the episode where Bojack and the baby seahorse are swimming away from the taffy factory, lovingly clinging tight to one another.

link

Call Me Blue.

Isabelle Analo

I created an animated version of my photography piece, “Call Me Blue,” which is a continuation of my piece "Black Boys Look Blue." Using the blue circles as my particle, I wanted to enhance the image in a way that encapsulates the girl’s energy and puts emphasis on how alive she is (the fact that shes not just a body), which is something I feel sometimes gets lost when capturing still images. While creating this, I also drew inspiration from the fantastical dreams I had as a child of becoming a mermaid.

I used the audio clip of waves to continue the theme of blue and also associate the girl with a large and powerful body, that is the ocean.

Call Me Blue.

Igbo World

Isabelle Analo

Igbo world is a website that holds everything essential to the Igbo culture and religion: Greetings, Proverbs, Gods and Goddesses of Igbo Mythology. As an Igbo woman, I thought this would be an important project to make for Igbo people to mend the general disconnect to our culture that colonization has caused. This website can be a learning experience for non-Igbo people, as well.

Igbo World

Antarctica - p5.js sketch

Yana Savitsky

For this project, I wanted to recreate Antarctica's beautiful wilderness and scenery. I love Antarctica; it's a dream of mine to visit.

Link
Antarctica - p5.js sketch

Flower Power

Yana Savitsky

"Flower Power" was born out of the conflicting identities and feelings that I felt when the uprisings in Belarus started. Despite the horrible atrocities occurring, there was barely any mainstream media coverage on the situation. The Belarusian government had orchestrated a media blackout, cut off power and water, and kept violently restraining protestors. Once the protests became less violent and more feminized, it conflicted with me as a Belarusian woman. Despite fully supporting the overthrow of the government, I felt very effeminized and isolated to one traditional, patriarchal trait. "Flower Power" is about educating the public on the situation in Belarus and allowing outsiders to step inside my head. To what extent should I let my culture define me?

Link

A History of the World in 6 Glasses - p5.js sketch

Yana Savitsky

For this project, I choose to create an interactive experience of one of my favorite history books: A History of the World in 6 Glasses by Tom Standage. I enjoy it because it uniquely frames history — through the lens of drinks. With this piece, I hoped to emulate each historical time period with immersive music and sound.

Link
A History of the World in 6 Glasses - p5.js sketch

Networked Justice: Hallyu

Sean Jin

A website focusing on the idea of Hallyu and its consequences worldwide.

Link to website
This project revolves around Hallyu and the negative impact it has on a micro and macro level. I decided to focus on this issue for this website because of its massive negative impact on South Korea and the world and also because of this issues’ obscurity outside of South Korea- I didn’t even know about this issue until a friend introduced it to me and I took the initiative to research it myself. The Korean translation of the website is done to specifically target Koreans who may not be fluent in English, and the English translation was created in hopes that it could reach K-pop fans all over the world (as English is one of the most common languages). As the issue is not necessarily Korean music itself but rather Hallyu, and the motive behind it, the goal of my website was to inform as many people as possible to help people understand the K-pop industry and its origins- I can’t stop people from listening to K-pop but I can help educate.

RiSE Lantern Festival

Johannah Suegay

In the first weekend of October, I went to Nevada with a couple of friends to attend the RiSE Lantern Festival in this middle of the Mojave Desert. Three times throughout the night, the thousands of attendees would simultaneously release our lanterns together – lighting up the sky. It was a beautiful sight made even more magical with JP Saxe singing "If the World Was Ending" live.

Link to p5 Editor
RiSE Lantern Festival

Project 1: Playlists

Johannah Suegay

Music has always been a big part of my life. Even though I am not actively continuing playing music today, I still rely heavily on music to understand and express my emotions. I enjoy finding songs that perfectly encapsulate my moods or situations I am currently in. Curating playlists is a huge hobby of mine and it is a very therapeutic process.

Link to Github Website

Project 2: Sounds of Home

Johannah Suegay

I lived in the Philippines until 2010. While the only time I have been back home since is 2018, I feel closest to my home country when reminiscing of the many sounds I resonate with living there. The sounds included in this project are Manila's infamous traffic, a favorite karaoke song of many, an homage to the country's rainy weather, and oil cracking as Filipino street food is cooked. Another element of Filipino culture I used are Balikbayan Boxes. Balikbayan Boxes are sent by Filipinos abroad to give clothes, food, and other goods to their families back in the Philippines. As these Balikbayan Boxes open to reveal sounds from the Philippines, they emulate a ~reverse~ Balikbayan Box.

Link to p5 Editor

Hippie Sabotage Music Video

Sofia Rodriguez

Coded on p5.js, this is a music video on Hippie Sabotage's song "Devil Eyes". My intention for it was to be a fun, trippy experience for people through a combination of shapes, words, colors, and animation.