Media Query Mario

A progressive series of CSS3 animation fired by media queries

ব্যবহার করে বানানো হয়েছে জাভাস্ক্রিপ্ট, HTML5, সিএসএস৩, অডিও, ফন্ট এবং টাইপ,

  • 696 বার দেখা হয়েছে
  • 6 টি মন্তব্য

এই ডেমো সম্পর্কে প্রস্তুতকারকের বক্তব্য

This is a recreation of Super Mario 3 using media queries, CSS3 animations and embedded HTML5 audio elements. The animation is controlled using CSS3 media queries to step through the level.

The demo uses the step-end timing function to control background spriting, which is implemented differently in Firefox to Webkit - Webkit seems to ignore the sprite stepping as you progress through the animation - therefore the element spriting is a bit less slick in Webkit, but works perfectly in Firefox.

Any feedback would be great - positive or negative :) - and if you do like it, please do like it or share it above.

All rights to Mario are held by Nintendo, and I am simply using the assets for a completely not-for-profit demo.

এ পর্যন্ত 6টি মন্তব্য করা হয়েছে

Log in to add your own.

  1. judavi বলে,

    I'm very impressed about this demo, I don't really know the new the features of Css Media Queries
  2. RezaAssar বলে,

    Very cool.
  3. Pomax বলে,

    Attention caught! Will you be at MozFest in London next week? We're doing some hackable games talks and workshops, and it would be great to talk to you about pure HTML5 games like this demo =)
    1. dragongraphics বলে,

      Unfortunately not, as I'm down in Brighton for Full Frontal conference that weekend. If you guys have any future meetups around this though let me know - really interested in the potential for this kind of tech!
  4. solidhex বলে,

    This is seriously bad ass. Great work!
  5. andresroberto10 বলে,

    This is cool man! Great job : )

About this Demo

সোর্স ডাউনলোড করুন 7801.63 কিলোবাইট · জিপ ফাইল

Browse the Source

এই ডেমোটি GPL লাইসেন্স এর অধীনে উন্মুক্ত করা হয়েছে।