Scroll-responsive Webpage test

Update on my digital storytelling project: I wanted the story to come to life on the webpage. As the user scrolls down the page, elements transition onto the page. This makes the website more interactive and dynamic. Currently, I’ve only applied this to a simple webpage as a test, but I plan on using shapes and images to really bring a story to life in the webpage.

In a sense, elements of the page are queued to respond as the user scrolls over certain points of the page. This means that text, images and hopefully audio can be triggered accordingly, in a sequence that works in conjunction to the story.

 

These web-motion-graphics can be used for  interactive-fixed-storytelling. This means a fixed-event that moves and changes as the user reads (scrolls). This is opposed with using static pictures (comics and books) or dynamic, but not interactive images (television and film), these graphics are activated and move with user input.

 

https://www.youtube.com/watch?v=4DPtLwz-_Zk&feature=youtu.be

Leave a Reply

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