surprisetalk•5d
Shades of Halftonemaximeheckel.com
7 comments
  • mattdesl•20h

    Still going through the article but loving all the detail and interactive components! Nice writeup.

    PS: worth mentioning the RGB to CMYK function credited to me is not my original work, I believe I got it off stack overflow or similar many years ago. A more robust way of doing this transformation would be with a color management system and profile, as it happens I’ve done a bit of work on that! [1] Used this here [2].

    Transforming with ICC profile will give you a result that might be closer to how a screen printer would turn your digital image into a four colour print, but more advanced screen printing workflows these days tend to use “rip” software that handles many layers (eg: 12 colors instead of 4) and stochastic screening [3] which produces quite different results than what most halftone shaders are doing.

    [1] https://github.com/mattdesl/lcms-wasm

    [2] https://sierra.mattdesl.com/

    [3] https://en.wikipedia.org/wiki/Stochastic_screening

  • 1tx•4h

    I have been recently exploring halftones, pixels and dithering and I am so happy came across your article! What fun interactive components and the little sounds while interacting was such a gentle surprise. Heading back to your website to read more and soak in the beautiful design!

  • thundergolfer•19h

    This is an absolutely beautiful personal website. Go click around it, there's so many 'wow' moments. Go to the homepage (https://maximeheckel.com/) and then click 'about', the transition is :chefskiss:

    The blog's design style reminds me a lot of Alex Harri's[1], who also does excellent work. I wonder if one influenced the other.

    Edit: Oh the homepage has its inspirations actually listed. Harri isn't there.

    1. https://alexharri.com/blog/planes

    • Keyframe•17h

      "Application error: a client-side exception has occurred while loading maximeheckel.com (see the browser console for more information)." is an odd way to introduce yourself as a frontend developer though.

    • kccqzy•18h

      Yes! I bookmarked this site as soon as I saw the design and typography. It’s that good.

  • mdswanson•19h

    Fantastic article! I went down this same rabbit hole in 2011 and built a shader for my iOS app called "Halftone." It took the CMYK route and included factors like ink bleed, paper texture, etc. It was the whole reason for the app! Yet...I received constant e-mail from users who asked "how do I remove the dots?"

  • levmiseri•18h

    Stellar work. Combination of good design and good engineering really shines here.

    This must have taken ages to produce. Thank you for it!