Etheric Echoes : Interactive Nebulae

Radeeyah Ade

0

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!
Like this project
0

Etheric Echoes exemplifies how digital tools can extend the canvas of traditional art, allowing for real-time interactions.

Likes

0

Views

20

Tags

Visual Designer

Web Developer

Creative Design

CSS

HTML5

JavaScript

Radeeyah Ade

Creative Experience Technologist

Feast In - Food delivery app
Feast In - Food delivery app
Brand Identity Design for a Healthcare & Wellness company
Brand Identity Design for a Healthcare & Wellness company
Augmented Reality Agent: Proxemics
Augmented Reality Agent: Proxemics
Radical X Internship
Radical X Internship