Advanced Parallax

In the third installment of my Parallax deep dive, I go into how to implement more advanced parallax on elements that are further down the page.

We explore some more advanced calculations to get specific results based on scroll position at a target point within the viewport.
I also utilize canvas to show how we achieve parallax within the canvas element.
As well as manually loading and laying out images from Illustrator using a custom plugin/
The technique used also shows how to mask items in canvas.

I also discuss a script I wrote to automate the process of layout from Adobe Illustrator to your canvas element, you can find the script here.

Click here to download the demo.