7 in 7 – Day 6 Weeds Javascript

For today’s project I wanted to remake my Processing sketch of “Weeds in NYC” into a Javascript canvas.  This proved to be much more difficult than I thought because I learned JS doesn’t have simple mouseX and mouseY detection commands because it  detects window X,Y events, which then must be converted to relate to the canvas dimensions.  I read through many tutorials about how to get around this and successfully program the interactive aspect of my project (click on thumbnail and detailed image appears), but in the end my prototype isn’t too succesful. In the future, I’ve read that CSS/Jquery is easier for this type of image changing that I want to make.

Screen Shot 2013-09-09 at 11.18.19 PM

Screen Shot 2013-09-09 at 11.17.41 PM

Screen Shot 2013-09-09 at 11.17.56 PM

Screen Shot 2013-09-09 at 11.18.05 PM

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.