Cursor position drives parallax


#1

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!


#2

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:


#3

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


#4

Those pesky critters! :slight_smile:


#5

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


(Peter Bright) #6

Nice effect :wink:


#8

You’re welcome

parallax-DBear.zip (34.0 KB)

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


#9

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?


#10

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

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


(Peter Bright) #11

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