Hi, I like the Facebook MouseOver behaviour when you first load a 360 panorama in the timeline : the panorama moves following you mouse without user interaction (to show it's interactive).
I remember a flash plugin to follow the mouse position, but it html5 how to catch the mouse position when overing the panorama and move the 360 according to the mouse position ?
THX !!!
Facebook like MouseOver
-
-
Here's an old example (Flash only):
http://www.ai360.pl/projekty/mouse_navigation/
Perhaps it is not exactly what you are looking for, but the code can be quickly adapted to your needs. These are just a few lines.
-
And here is FB version:
http://www.ai360.pl/projekty/mouse_navigation1/
Source: http://www.ai360.pl/projekty/mouse_navigation1/index.xml
-
And here is FB version:
http://www.ai360.pl/projekty/mouse_navigation1/
Source: http://www.ai360.pl/projekty/mouse_navigation1/index.xml
Nice Panomaster !
Now it just needs a smooth stop when moving the mouse out the pano, maybe onmouseover and onmouseout javascript events could help ? -
Not sure what you meant. Could you show problematic behaviours on youtube?
-
When you pass your mouse over a 360 iframe on facebook , the behaviour is the same that on your exemple, but when your mouse leaves the iframe the pano still moves a bit depending on how fast you left the iframe, eg : keybfriction.
On your example when the mouse leaves the window there is no friction, is it more clear ?
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!