Thursday, February 26th, 2009

Parallax for the Moo Crowd

Category: MooTools

<>p>We’ve featured several implementations of the parallax effect here on Ajaxian. The newest creation comes from the team at Piksite who recently released their MooTools-powered mParallax extension:

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”.

The image really doesn’t do it justice and you should check out the demo to really get a feel for the capabilities.

As Moo team member Aaron Newton said, “For all you people using MooTools to make your own 8-bit side-scrolling NES clones, this is your library.”

Posted by Rey Bango at 10:41 am
5 Comments

++++-
4.3 rating from 36 votes

5 Comments »

Comments feed TrackBack URI

Very cool!

Comment by Joyce — February 26, 2009

cool shit.

Comment by V1 — February 26, 2009

Old-skool JS folks might remember some of Doc Ozone’s parallax work and related nifty UI ideas, code that still works in modern browsers as well as Netscape 4 (when the site first launched.) The front of ozones.com is fairly nifty as well.

Comment by Schill — February 26, 2009

Tried to add some similar effect to Ajaxians but no effect :( Check it out at: http://wilq32.googlepages.com/Wilq32.Particles.html

Comment by wilq32 — February 27, 2009

@wilq32: What do you mean by you tried to “add some similar effect to Ajaxians”? Do you mean you tried to submit it to the site? If that’s the case, please understand that we get a ton of emails re: cool stuff and we do our best to get to all of them. Sorry if we missed your implementation

Comment by Rey Bango — February 27, 2009

Leave a comment

You must be logged in to post a comment.