Skyscraper Parallax - Drag Animation
This example uses the DragX and DragY variables to create a parallax effect. I hope you like it.
The interactions take place on the DragBall, a dynamic panel which contains the following events to move other dynamic panels.
Move DragBall with drag
Move *DynamicPanel* by...
X: [[DragX / 5]]
Y: [[DragY / 5]]
The smaller number the drag variable is divided by, the greater the effect (more it moves). With this said, it would make sense that the objects you want to appear closer to you divide by a small number. The farther away objects have a bigger number.
Jakub of Axure Czech Users created this interaction, I took the concept and applied it to the skyscraper design.
See it Live
Last edited by Paul; 04-04-2012 at
A little confusion about the axure dragx function. With the drag continuing, the movable dynamic panel will hardly return to its original place.
If you wanted to return everything to their original place you could add an OnDragDrop to which moves the dynamic panels to the X,Y before drag.
By tims in forum General Discussion
Last Post: 02-14-2013, 02:00 PM
By zinkzone in forum Tips, Tricks, and Examples
Last Post: 04-01-2012, 09:55 PM
By Paul in forum Tips, Tricks, and Examples
Last Post: 11-11-2011, 03:31 AM
By pixeler in forum General Discussion
Last Post: 03-24-2011, 08:15 PM
By nhoh in forum General Discussion
Last Post: 10-21-2008, 09:57 AM
Search Engine Friendly URLs by