DISTANCE_

DISTANCE_

DISTANCE_

Interactive Web Experience

2025

DISTANCE is an interactive web experience exploring solitude, intimacy and human relationships through ASCII art, generative interaction and sound.


Hand-drawn illustrations are translated into coded visual structures while an original soundscape accompanies the experience, inviting visitors to navigate the work at their own pace and reflect on emotional distance and connection.

DISTANCE is an interactive web experience exploring solitude, intimacy and human relationships through ASCII art, generative interaction and sound.


Hand-drawn illustrations are translated into coded visual structures while an original soundscape accompanies the experience, inviting visitors to navigate the work at their own pace and reflect on emotional distance and connection.

DISTANCE is an interactive web experience exploring solitude, intimacy and human relationships through ASCII art, generative interaction and sound.


Hand-drawn illustrations are translated into coded visual structures while an original soundscape accompanies the experience, inviting visitors to navigate the work at their own pace and reflect on emotional distance and connection.

Process

Process

Process

The project began with a series of original illustrations exploring themes of solitude and human connection. These images were then translated into ASCII art through custom p5.js code, allowing them to continuously regenerate and transform over time. Alongside the visual system, I designed the entire soundscape by manipulating white noise in Reaper, creating an abstract sonic environment that complements the visuals without becoming descriptive.


Mouse interaction gives visitors control over the pace of the experience, making them active participants in both the visual and sonic narrative.

Tools & Technologies

Tools & Technologies

Tools & Technologies

p5.js

ASCII Art Generation

Interactive Web Experience

Sound Design (Reaper)

Audience Experience

Audience Experience

Audience Experience

Visitors progress through the experience by interacting with the interface, deciding when each scene should unfold. Every transition reconstructs the illustrations through constantly shifting ASCII characters, while the evolving soundscape reinforces the emotional atmosphere, encouraging visitors to slow down and reflect on the fragile nature of human relationships.