Megaman II’s Intro Animation In HTML

, , , , , , ,

Created by yours truly. No Flash, just CSS, HTML5, and jQuery. The animation is very not smooth in Firefox, but works great in Safari and Chrome.

You can check it out here.

Using the scrollbar to bring the view upward was a stylistic choice, it could’ve just as (if not more) easily done in a single “screen”, but what’s the fun in that? The demo uses the jQuery backgroundPosition-Effect plugin to achieve the parallax scrolling effect, and the new Javascript audio capabilities introduced by the HTML5 group. The timing may not work very well on older machines.

Hello There

My name is Phil Nelson and I make beautiful objects for a troubled world. I'm a designer / developer / writer / director / editor / narrator at Occipital.

Stuff I Make

More To See and Read

Browse the Archives

Hey. What're you doing all the way down here? You get lost? Just looking around? Cool. I like you.