Skip to content

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

Notifications You must be signed in to change notification settings

kh0m/street-fighter-css

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 49.6%
  • JavaScript 47.2%
  • HTML 3.2%