Make Ken walk / punch / kick / jump / etc. with your keyboard. I assigned portions of png sprites to css class names, then added some css animations in it and finally used simple JS events to add / remove them on Ken.
Waw. Reminds me my childhood. :)
How difficult would hit detection be in JS? ;-)
Awesome! Great job! I love how the Hadoken goes all the way across the browser window!
Thank you guys. There is already a hit detection :) the fireball detects the end of the screen.
Oh I love this so much. I played Street Fighter II (SNES) with my friends on New Year's Eve all day long :D
Argh I just want to play this all day now. Even without audio I feel like I can actually hear him saying "Hadoken!" Oh man, I'm bringing in my SEGA Genesis to work.
lol I made a private demo with sound effects, background music and a better collisions detection. It renders wonderful but I don't want to have problems with Capcom :)
Haha! That's awesome!
Just... wow. Amazing work!
This is great!
Cool. Common HTML5 bug, though: needs e.stopPropagation() and e.preventDefault() for keydown events on any keycode you care about. As is, it bubbles your keys to the browser, where things like typeahead find grab focus. =(
Very Nice WORK ! BONNE CONTINUATION ! ;)
Very cool stuff, great work man!
@Ilia thanks but u know what? your clock rocks!
bravo bravo bravo!!
I'm a girl but I used to play street fighter too as a kid and I loved it and this is just FANTASTIC! bravo!
Can you help me add the attack animations to my game? Here's the link to it - http://codepen.io/TristanGames/pen/MajPJG
"Now I must defeat the world's greatest fight-fighters. Take me to the Soviet Union!" --Rumble McSkirmish
I kinda though you could turn in the other direction in the game.. Also, a little bit of flexboxing will allow you to center the game to the screen.
BTW, I would really like to smash up the car.
Need to know how to enable it? Go here.