The 'scanlines' are a complex CSS linear gradient pattern, and the bright text with color fringing is an abuse of the CSS text-shadow property.
Ordinarily I would use a GLSL shader - I wrote one based on Timothy Lottes' code a while back - but I wanted to do this entirely in the DOM. So it's all standard HTML elements and CSS.
I don't have an iPhone to test with and suspect it may not like some of my javascript. So if possible try this with Chrome (on whatever platform). It does work on Firefox, though mobile performance is a bit harsh.
I may make an option to disable the CRT effects and see if it improves performance.
Comments
The mouse took a little while to get used to, but that might have been my sensitivity.
Massive kudos on the implementation though!
The mouse took a little while to get used to, but that might have been my sensitivity.
Massive kudos on the implementation though!
Exploded a lot.
Had fun.
：）
Good game just had lag and i wish i could just use the arrows instead of the mouse
Can I ask what hardware and browser you were trying it on?
Chrome
4gb ram
intel core i3
fun and very true to the original
I like this a lot, Conan. You'll have to tell me how you did your CRT shader. :)
I love the server drop mode. :)
So, there's no shader :)
The 'scanlines' are a complex CSS linear gradient pattern, and the bright text with color fringing is an abuse of the CSS text-shadow property.
Ordinarily I would use a GLSL shader - I wrote one based on Timothy Lottes' code a while back - but I wanted to do this entirely in the DOM. So it's all standard HTML elements and CSS.
haha That's clever, dude! Nicely done! :)
Works perfect in Windows 10 + Firefox.
Loved it!Tested on Windows 10 (Chrome) without problems btw!
I don't have an iPhone to test with and suspect it may not like some of my javascript. So if possible try this with Chrome (on whatever platform). It does work on Firefox, though mobile performance is a bit harsh.
I may make an option to disable the CRT effects and see if it improves performance.