Show newer

I have the feeling my left brain wants low tech and my right brain wants matrix3d() on threejs scenes with JS generated granular synthesis

Show thread

I just deleted my Spotify account, and this app helped me to go away with my fav playlist. github.com/alltomp3/alltomp3-a

Show thread

Conclusion: the work is really about transitions. All the constraints I chose (or not chose) to adopt, allow me to focus on the transitional states of the composition. It’s a bit more hard that I expected, but I am happy this way. Also, I am writing about it, I guess it’s a good sign.

Show thread

Colors: From the beginning, I wanted to limit the color palette to grayscale. This limitation makes the whole corpus look alike. That forces me to make really different graphic compositions.

Show thread

Elegant CSS animations are actually rare: I have to pick carefully what to animate on each element, most of the time, the first attempts are not as smooth or subtle as expected. z-index, background-image, gradients, border-styles and many more properties can’t be animated. I have to compose with what remains with care.

Show thread

CPU usage: I try to limit the page impact on runtime performance. To do so, I stop or limit animations from a version to another. I also avoid using too many filters, shadows, complex gradients…

Show thread

The project was supposed to be a quick daily code / graphic exercise but some unexpected CSS constraints made it a bit more interesting to develop:

The page is made of 31 <time> elements, that gets individually styled day after day.

Show thread

Day 5 > Déclin Séquence is a version based composition made with CSS animations and transitions, developed each day of October 2020.
declin-sequence.neocities.org

Show older
Mastodon

Server run by the main developers of the project 🐘 It is not focused on any particular niche interest - everyone is welcome as long as you follow our code of conduct!