Check out the demo here: http://wagerfield.github.com/flat-surface-shader/
Currently there is rendering support for both Canvas 2D and SVG so you can render the whole scene as either a Rasterized PNG or a Scalable Vector Graphic. The demo includes an exporter for you to generate artwork with, so please let me know what you make with it :D
This was done in collaboration with my dear friend @Tobias van Schneider ▲▲▲
Hope you enjoy it!
12 months ago
This is mesmerizingly cool, great debut!
Welcome to Dribbble :)
Nice debuts! welcome
so great it blowed my mind
One of the best debuts I've seen in some time! Welcome!
Thanks a lot everyone! Feeling a lot of love right now :D
Amazing work! Welcome around :)
I get ridiculously happy when I see things on Dribbble that really work and aren't just concepts. This is awesome.
kill me now
@Matthew Wagerfield fantastic work and so smooth!
This is incredible stuff.
Amazing toy! Spent some time playing with it.
Thanks again everyone, I like to think the code behind it is as beautiful as the visual output. Compressed, FSS (Flat Surface Shader) library is a mere 13kb.
@Rogie a lot of time was spent optimising every aspect of the library from the calculations to the drawing operations. WebGL would eat this alive, but this was not the focus of the project. Though, for kicks and giggles I will be creating a WebGL renderer shortly so the engine can handle 100's of thousands of triangles.
For anyone who is interested in checking out the code, you can find it here: https://github.com/wagerfield/flat-surface-shader
@Matthew Wagerfield This looks really great - excellent work.
I could watch that for quite a while. Mesmerising. Great debut.
Oh my dayum. This is excellent!
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.