top | item 6195414

Flat Surface Shader

120 points| msvan | 12 years ago |wagerfield.github.io | reply

36 comments

order
[+] skrebbel|12 years ago|reply
This is lovely, but it mostly just reminds me of how I can't wait until WebGL is so commonplace that we can finally ditch all that HTML/CSS nonsense.
[+] kh_hk|12 years ago|reply

    > HTML/CSS nonsense
Structured and well declared markup is no joke. If you actually refer to the common "hacks" to get demos and eye-candy stuff working, then I do agree. On the contrary, if you refer to ditching all HTML and CSS in favor of WebGL, then we're fucked.
[+] pdknsk|12 years ago|reply
This is probably a bit OT, but it makes me sad that flat shading as an art style has been abandoned in games. Ever since pixel shaders and normal maps gave us shiny plastic-y objects, developers haven't looked back.
[+] ch0wn|12 years ago|reply
It blows my mind that I can switch between the three different renderers without dropping a noticing a single framedrop. I had to open the devtools and verify that there is actually a change happening to believe it.
[+] sbarre|12 years ago|reply
On my iMac, switching between renderers definitely caused a "hiccup", and SVG was very slow on Chrome, but it looked great in all 3.
[+] sciencerobot|12 years ago|reply
> I love WebGL, but unfortunately it doesn't work everywhere.

What is meant by that? WebGL does seem to work here as in the appearance and frame rate are the same compared to SVG but with less CPU usage on my machine/browser (Chrome).

[+] nxn|12 years ago|reply
I think the author means that it's not implemented in all the browsers that have a significant share of the browser market.
[+] ssiddharth|12 years ago|reply
Everything renders incredibly smoothly on my setup. And I'm learning all sorts of nifty tricks via the source. Thanks for making this!
[+] sheng|12 years ago|reply
it looks quite nice but unfortunately I guess it's by far too power hungry. My GTX 560's fan went up.
[+] troels|12 years ago|reply
Your GPU powered up? I would assume this renders in CPU, so that's a bit strange.
[+] Detrus|12 years ago|reply
Can you do this easily with three.js? Can this library work with three.js?