Build A Cool Thing (Street Fighter Website)

linxea on October 29, 2018

DEMO (You can see it live here.) Today nostalgia hit me hard, so I did a video on my first cool thing. Googled for a Street Fighter splash scr... [Read Full]
markdown guide
 
 

Nice :) The backwards animation is clever!
But instead of making a call to a .svg image for the screen pixels effect, you can simply use a repeating linear background.
Ex : background: repeating-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 2px, transparent 2px, transparent 4px)

 

yes yes this is definitely a better approach. :) Gonna update mine

 
 

Plot twist, to animate it, you actually need to type correctly the Konami code!

[I know SF is a franchise from CapCom, that is the joke]

 

omg that's actually a brilliant idea 😱[haha]

 

And also a little fun algorithmic/basic JS problem my students seem to enjoy: go for it and let me know how nice it comes ;)

 
 
 
 
 
code of conduct - report abuse