Creating an Infographic


(Mere Hebert) #1

I’m trying to create a single page fullscreen infographic with a parallax scroll. I’m not sure if I’m supposed to set the scene up as the full width of the infographic (1024px x 5553px) or divide it into individual scenes (1024px x 768px).


(Hans-Gerd Claßen) #2

working with scenes restricts somehow, but is easier to handle and rearrange …


(Jonathan Deutsch) #3

There’s an article about parallax scrolling here:


(Trey Yancy) #4

A key consideration is load time. If your project is light on bitmaps, a single scene could do it.

If you use multiple scenes, you have to decide out how to animate between them and figure out where the start and end coordinates need to be or visitor might end up having to jump around with their mouse.

Here’s an item where the first and third scenes are standard canned animations with the second scene having one huge parallax project. (Note the load time - this is socked with bitmaps.):

Shutters Presentation