Etheric Echoes : Interactive Nebulae

Radeeyah Ade

Visual Designer
Web Developer
Creative Design
CSS
HTML5
JavaScript
"The cosmos is within us. We are made of star-stuff. We are a way for the universe to know itself." - Carl Sagan

Conceptual Framework

Etheric Echoes explores the ethereal and often invisible interactions that shapes out understanding of space and connectivity. Inspired by the concept of "ether" as a space-filling medium, this project uses particle systems to simulate how interactions in a seemingly empty space can create complex, dynamic patterns.
This interactive digital artwork invites viewers to manipulate a cosmic landscape, where every mouse movement and click generates a new 'star' or 'nebula', altering the gravitational choreography of the existing particles.

Artistic and Technical Statement

The artwork uses p5.js, a JavaScript library, to simulate a particle system where each particle can be seen as a star or a metaphoric representation of an atom in the universe.
Below is a snippet of the setup() function implemented on the p5.js
snippet of the code implemented on p5.js
snippet of the code implemented on p5.js
The full codebase and additional project resources are available on my Github. Click on the link below to view.

p5.js Features

Graphics Buffer: Used for drawing static stars to avoid redrawing them in every frame, optimizing performance.
Blend Modes: ADD mode is used to create luminous and overlapping light effects, crucial for the galaxy-like aesthetic.
Vector Operations: Employed for particle motion, showcasing p5.js’s ability to handle complex animations smoothly.
Users interact with the canvas to create and modify the paths of these particles, offering a visual representation of how even the smallest forces can alter the dynamics of a complex system.
This project incorporates a gentle chime sound that plays each time a new particle is created, enriching the user interaction with auditory feedback.
This simulation acts as a metaphor for the interconnectedness of actions and reactions in our daily lives and the universe. The visual outcomes of the interactions are reminiscent of celestial phenomena, positioning the user as both and observer and a creator, blurring the lines between chaos and order, micro and macro, science and art.
Experience 'Etheric Echoes' firsthand by visiting https://radeeyaha.github.io/Etheric-Echoes/. Dive into a cosmic landscape where every interaction creates a new star or nebula!
Partner With Radeeyah
View Services

More Projects by Radeeyah