Cursor position drives parallax

Hey gang,

I’ve been wondering how to use cursor position to drive an Animation, similar to the landing page of

http://le-mugs.com

Note I’m not talking about the scroll parallax, just the cursor position where we ‘look around’ the cafe on the landing area:

mugs

(which, btw, is a glorious page - scroll through the entire page)

So, essentially this…

parallax.hype.zip (41.7 KB)

…but without the need to actually click and drag the Drag Me affordance.

Thank you, as always!

Note your document is a webarchive and will not run. You need to post the actual hype doc or a link to a live version of it :wink:

1 Like

I’ll blame…uh…gremlins. Re-posted.

1 Like

Those pesky critters! :slight_smile:

1 Like

They suck! I think the Gremlin was the only critter to best Bugs Bunny. Interesting war-time conceit.

Nice effect :wink:

You’re welcome

parallax-DBear.zip (34.0 KB)

Note: I changed the direction in line with the example above

Oh holy cow, that’s glorious. Yes, indeed, THANK YOU. This is so very cool. DBear, you’ve gone above and beyond. Where do I send the bottle of scotch?

Well it will be when i get the hover behavior! :wink:

Did you check the le-mugs site? It’s rather brilliant.

Yes I had a look at their site, very nice.