Flat Surface Shader

55 Responses (page 1 of 3)

  1. Matthew Wagerfield Matthew Wagerfield

    Simple Flat Surface Shader written in JavaScript and available as an Open Source project on GitHub.

    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!

    likes

    about 1 year ago

  2. Lennart Breel Lennart Breel

    This is mesmerizingly cool, great debut!

    Welcome to Dribbble :)

    likes

    about 1 year ago

  3. Filip Lichtneker Filip Lichtneker

    awesome!

    likes

    about 1 year ago

  4. Álvaro Carreras Álvaro Carreras

    Nice debuts! welcome

    likes

    about 1 year ago

  5. R_O_Y R_O_Y

    nice one!

    likes

    about 1 year ago

  6. Ariel Verber Ariel Verber

    so great it blowed my mind

    likes

    about 1 year ago

  7. Dominique Torfs Dominique Torfs

    One of the best debuts I've seen in some time! Welcome!

    likes

    about 1 year ago

  8. Matthew Wagerfield Matthew Wagerfield

    Thanks a lot everyone! Feeling a lot of love right now :D

    about 1 year ago

  9. Isaac Weisman Isaac Weisman

    Amazing work! Welcome around :)

    likes

    about 1 year ago

  10. Jeremy Teff Jeremy Teff

    Sick man.

    likes

    about 1 year ago

  11. Dave Chenell Dave Chenell

    I get ridiculously happy when I see things on Dribbble that really work and aren't just concepts. This is awesome.

    likes

    about 1 year ago

  12. Phil Kerrigan Phil Kerrigan

    amazing.

    likes

    about 1 year ago

  13. Sam Saccone Sam Saccone

    kill me now

    likes

    about 1 year ago

  14. Areus Wade Areus Wade

    FML.

    likes

    about 1 year ago

  15. Rogie King Rogie King

    @Matthew Wagerfield fantastic work and so smooth!

    likes

    about 1 year ago

  16. Kevin Jackson Kevin Jackson

    This is incredible stuff.

    likes

    about 1 year ago

  17. Andrew Korytsev Andrew Korytsev

    Amazing toy! Spent some time playing with it.

    likes

    about 1 year ago

  18. Matthew Wagerfield Matthew Wagerfield

    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

    about 1 year ago

  19. Maksim Petriv Maksim Petriv

    OMFG!

    likes

    about 1 year ago

  20. Philip Clark Philip Clark

    @Matthew Wagerfield This looks really great - excellent work.

    likes

    about 1 year ago

  21. Kevin Minnis Kevin Minnis

    I could watch that for quite a while. Mesmerising. Great debut.

    likes

    about 1 year ago

  22. Michael Meek Michael Meek

    So Good!

    likes

    about 1 year ago

  23. Pavel Novák Pavel Novák

    Genial!

    likes

    about 1 year ago

  24. Robbert Esser Robbert Esser

    Oh my dayum. This is excellent!

    likes

    about 1 year ago

  25. Brian Steinseifer Brian Steinseifer

    holy shit

    likes

    about 1 year ago

keyboard shortcuts: previous shot next shot L or F like