Switch branches/tags
Nothing to show
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
css
js
res
.editorconfig
.gitignore
README.md
gulpfile.js
index.html
package.json

README.md

Depressing Shower Thoughts

A digital art project.

Technical details

Nothing special: looping audio with random texts and a simple animation. The shower drops are maybe the most interesting. I did it with drawing lots of small lines on a canvas and animating it so that they fall in a semi-random way. There are two CSS animations: blur and transform scaling. Interestingly, you can't apply these both at the same time to the same element so you have to split it to parent and child elements with separate animations.

Works best on desktop Chrome. In Firefox the animation is choppy. IE doesn't play audio.

License/credits

Ambient music by me with a sample 20061021.just.shower.flac by dobroide (freesound.org). CC BY 3.0

Photo modified by me from the original by Josh Nece. CC BY-NC-SA 2.0

I guess the latter requires that the stuff done by me in this project is also CC BY-NC-SA 2.0.