ScrollMagic Section Wipes with multiple sections in each panel

[honestbitchnosorry]

I am trying to mimic the wipe effect of this website, http://www.romance-journal.com/issues/issue-02-resistance/,  which is using ScrollMagic.

Each panel has more than 1 section. After all sections in a panel is scroll, the wipe effect executes, transitioning to the next panel.

 

I know the ScrollMagic website includes an example showing the wipe effect: http://scrollmagic.io/examples/advanced/section_wipes_manual.html

But how do I extend the example to include multiple sections in each panel? I would love to receive some insight. An example would be great too.

Thanks!

[PointC]

I'm not quite sure I understand what you need, but here's a starter with a pinned section and multiple panel wipes. You can add to the timeline between wipe transitions or you can add more pinned sections.

 

See the Pen eLgpWa by PointC (@PointC) on CodePen

 

Happy tweening.

 

[PointC]

You might want to take a look at these links:

 

https://ihatetomatoes.net/scrollmagic-tutorials-for-complete-beginners/

https://ihatetomatoes.net/5-days-with-scrollmagic/

 

Happy tweening.