DEV Community

Cover image for Exploring Motion and Generative Visuals in the Browser — Three Small Experiments
Janina Mergenthal
Janina Mergenthal

Posted on

Exploring Motion and Generative Visuals in the Browser — Three Small Experiments

Over the last weeks I startet exploring frontend development through small visual experiments in the browser..

I've been particularly interested in how simple pieces of JavaScript and canvas logic can create motion.. interaction and generative behaviour on screen..

Here are three small studies I enjoyed building while experimenting with particles.. movement and interaction..


Moving Dots and Connecting Lines

A small generative p5.js sketch where moving particles dynamically connect with lines depending on their distance..


Interactive Starfield Cursor

A small interaction experiment where particles behave like a starfield and gather to form my name as the cursor moves.. Star-like particles assemble into my name and respond to the cursor..
Moving the cursor through the text disturbs the particles and breaks their formation..


Particle Heart Study

A minimal canvas animation where particles gradually move into position and form the shape of a heart..


These small studies are part of my ongoing exploration of motion.. interaction and generative visuals in the browser.. I'm looking forward to building and sharing more experiments..

Top comments (0)