mParallax - A visual treat

I just came across mParallax built by Piksite team. It was a visual delight as i saw the demo of the image at mParallax’s home page. The parachute and the moving sky gave a nice feeling before my developer instincts took over and i was forced to think about the implementation part.

It felt like this must have been done using flash as the image is divided into layers which were moving proportional to my mouse movements. But to my surprise it was implemented using javascript. It was done using mParallax library.

As mentioned on the site

mParallax is an adaptation for MooTools framework of jParallax whose its author, Stephen Band, describes it like “jParallax turns a selected element into a ‘window’, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way”.

I visited the jParallax’s site and was stunned to see the demos which are laid out there. Community is doing some great work and i appreciate people’s contribution in taking JS development a step further by each passing day.

View Demo 1

View Demo 2

View Demo 3

Parachute Demo

Similarly jParallax which also provides API’s to develop such parallax effect. They also have some cool demos on their site. One of those which shows a trigger controlled by remote is awesome and givesgraeat pleasure.

Other demos

jParallax’s Demo 1

Check these out !!

This entry was posted in WEB 2.0, javascript and tagged , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*