RodrigoAvalos / street-fighter-css

A cool little demo of Street Fighter II in CSS (moves) + JS (keyboard interactions)

Home Page:http://codepen.io/jkneb/pen/smtHA

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Street Fighter II demo

This is a cool experiment I made up while hacking with the steps() parameter of CSS animations. Here's the tutorial I wrote on David Walsh's blog and here is the popular CodePen wich goes with the tutorial.

This master branch has a bit more stuff in it than the codepen demo. I added sound effects, background music and started to implement a basic collision detection for "a second player".

Please fork it, hack it and finish it :P It's made with very basic css and js code, no canvas or stuff like this. I which I could have enough time to code all the cool features I want for this demo :P

Of course all of this is copyrighted to Capcom : Street Fighter® ©CAPCOM U.S.A., INC. ALL RIGHTS RESERVED.

Resources

Sprites: http://www.spriters-resource.com/snes/supersf2
Music: http://www.ryustemple.net/?page=streetfighter-musique

About

A cool little demo of Street Fighter II in CSS (moves) + JS (keyboard interactions)

http://codepen.io/jkneb/pen/smtHA


Languages

Language:CSS 49.6%Language:JavaScript 47.2%Language:HTML 3.2%