As the final project for the year we were tasked with creating a short comedy sketch, which incorporated both visuals and audio for Channel 4. The concept also had to be brought together with a website that used parallax scrolling.
We were in groups with students from scriptwriting, radio, TV, and of course other students from digital media.
As a group we chose the idea of a terrible driving school, and the scriptwriters wrote a script for us. Once we shot the video and recorded the audio it was time for me and one other digital media student, Richard, to begin creating the website.
In our group Richard created most of the graphics while I focused mainly on the code behind making the website work. Some screenshots of the finished website, along with explanations of how it works can be found below.
The user continues to scroll, and once they reach the building the radio advert stops playing. If they scroll back again it resumes. Once the scroll reaches a certain point the window in the picture above changes into the first video clip, seen in the picture below.
The user continues to scroll and reaches another billboard, which plays the second video clip automatically. The background also features details relevant to the video clips such as the bike on the ground and the cones, and also the man on the ground in the image below.
I am very pleased with the outcome of the website, and I think me and Richard worked very well together in terms of completing it. There are some small things I would have changed with some more time, but overall I feel the animations work very smoothly and I am happy with the final website.