Snow Image

An image, .png or .jpeg, is converted to grayscale and then each pixel's value is used to probabilistically determine whether the pixel will take on 'color 1' or 'color 2'. These two colors can be be any two colors or take on the original pixel values. The image can be render in its entirety (this is the default behavior) or a few lines at a time in a specified direction. You can upload an image from your computer, specify an image's URL (this might not always work due to your web brower's security features), or use a random image that I have stored on the page.

I created this project to do something a little more artsy as well as to get some more experince mainipulating and rendering images. A future project I will work on will be stiching together random photos to form a tiled image that resembles the image given by the user. This project uses (or will use) the following technologies: HTML5 (canvas), jQuery, JavaScript, CSS, REST APIs, Git, and more!

I revisited this project in April/May of 2016 to give it some love (ES6, make it a node app, Heroku CD integration, ...)

To Do

• Further refactor code so that it uses Object Oriented Programming
• Fix the HTML so that the fill buttons are laid out cleanly and as intended (Random Pixel should be at the bottom)
• Add a save image button
• Change the direction fill buttons to have arrows instead of text
• Add a random pixel fill mode: every frame update some pixels will randomly be choosen and updated
• Add filters which can affect the way color1 and color2 are rendered as a final step
• Implement the diagonal image fill feature
• Add a button to change the scaling of the image
• Make the app easier to use (add a user guide, label things, make a video, ???)
• Better address Cross Origin Issues
• Try to find some API that will allow for pulling random images off of sites like Flickr, Imgur, Photobucket, etc.