project:

Showerthoughts is basically a meme generator. It uses the Reddit API to pull in a random title from the r/showerthoughts subreddit. The titles are then drawn onto a canvas element. The background image follows the same logic but comes from a collection of all the earthporn subreddits. One of the issues I ran into was getting the background image to act like background-size: cover does when using HTML and CSS. I had to recreate that property using javascript to get the background image to behave the way I wanted.

tools/languages/frameworks:

jQuery, EaselJS, HTML5 Canvas