Parallax Web Animation

Summary

I got free images off of Google and put them in the parallax code. For animation I made a gif of arrows. There are multiple pictures for layers. At the bottom of the gif there is an audio play button that has to be pressed in order to play the music. Everything worked when we finished but Hulk couldn’t recognize the gif so that took some time to code and recode and move around. But in the end it was all figured out and worked in Hulk. The link is under “My Page.”

Mock Up/ Code

From my Flickr account

 

 

 

 

 

 

 

From my Flickr account

 

 

 

 

 

 

 

From my Flickr account

 

 

 

 

 

 

 

From my Flickr account

 

 

 

 

 

 

 

From my Flickr account

 

 

 

 

 

 

From my Flickr account

 

From my Flickr account

My Page

Parallax Website Link

http://hulk.osd.wednet.edu/~freymanka/parallax-part-2/

What I Learned

I learned that code takes a lot of focus and time to make things work. I persevered through the trouble of figuring out the gif. The code for the gif wasn’t working in Hulk so that took some time to get to work. The gif was solved by a lot of rearranging and finding new spots for the gif code to go but all that needed to be done was saving it in a different way. The tutorials I used were http://capitalcomtech.info/2015/02/24/uploading-files-to-hulk-with-cyberduck/ and http://capitalcomtech.info/2012/10/09/uploading-images-to-flickr-and-linking-them-in-your-blog/ to know how to imbed certain pictures and the website.

Leave a Reply

Your email address will not be published. Required fields are marked *