Falling Lines

Inspiration

I wanted a cool animation behind my portfolio website I built as a student. I came across this animation/effect that I really liked and used it as an inspiration to built a minimalistic black and white sketch that wouldn't detract from the content of the website. I believe I succeeded! 

Naming

 Since the sketch was just lines moving around the page, I opted to call the sketch what it was - Falling Lines. 

Process  

For the sketch, I created a Line class that initializes lines' lengths and rotation of their speed. Since I did not want to distract too much from the content of the site, I kept the speed very low. To setup the sketch, I created an array that I filled with Line objects, around fifty or so. Then as part of the draw function, I called the rotate and display function on each of the Line objects in the array. 

A Note

This was my first ever creative coding project. I created this as part of a Creative Coding class I took in college. It now serves as the background of the site I built showcasing technical projects I built as a student.  

You can view the complete project here.