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.