Top all-time · #2150
Maxime Heckel's Blog
Personal blog · blog.maximeheckel.comdesignprogrammingweb
Maxime Heckel's Blog is a personal blog at blog.maximeheckel.com about design, programming and web. Since 2020, 37 different Hacker News readers have linked it 50 times, most often “The Art of Dithering and Retro Shading for the Web (2024)”. It is still writing: the last post was on 2026-08-18, and you can follow it by feed.
Hi I'm Maxime, and this is my blog. In here, you'll find all the articles I wished I had when I was learning about web development, shaders, real-time 3D on the web, and more. Each piece I write aims to dive deep into the topics I'm passionate about, while also making complex topics more accessible
Most-linked posts?
- The Art of Dithering and Retro Shading for the Web (2024)6 people · 6 mentions · first linked 2024-08-06
- Building a Vaporwave Scene with Three.js3 people · 4 mentions · first linked 2022-01-25
- Cubic Bézier: From Math to Motion3 people · 3 mentions · first linked 2021-12-10
- Field Guide to TSL and WebGPU3 people · 3 mentions · first linked 2025-10-13
- Crafting Painterly Shaders3 people · 3 mentions · first linked 2024-10-29
- Real-time dreamy Cloudscapes with Volumetric Raymarching3 people · 3 mentions · first linked 2023-10-31
- Painting with Math: A Gentle Study of Raymarching (2023)2 people · 3 mentions · first linked 2023-09-12
- Rendering the Sky, Sunsets, and Planets2 people · 2 mentions · first linked 2026-05-12
- SEO mistakes I've made and how I fixed them2 people · 2 mentions · first linked 2020-10-13
- The Study of Shaders with React Three Fiber2 people · 2 mentions · first linked 2022-07-26
What Hacker News says?
I don't see what your child comment has to do with my parent comment. - You brought up "OnSelect" and binding "this" in JS, but they don't seem related to picking one way to propagate state through a GUI (either "push", "pull" (signals and slots), pseudo-immediate-mode and state diffing (React), FRP, property binding, ReactiveX, or something else). - https://blog.maximeheckel.com/posts/swiftui-as-react-develop... do…
Comment linking /posts/swiftui-as-react-developer
on “Microsoft Power Fx – A low-code general purpose programming language”Submitted SEO mistakes I've made and how I fixed them as a story · 306 points
HN discussionWell, the animation under "Basic usage" at https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps... highlights how the bar along the top changes based on what which button or control is selected. In turn, you can pick properties or events by name on the left (like "OnSelect" for when the button is clicked) and then type in a function that should run on the right, such as Notify(). You might think OnSelect is…
Comment linking /posts/swiftui-as-react-developer
on “Microsoft Power Fx – A low-code general purpose programming language”Submitted Crafting Painterly Shaders as a story · 245 points
HN discussionhttps://blog.maximeheckel.com/rss.xml
Comment linking /rss.xml
on “Crafting Painterly Shaders”Submitted The Art of Dithering and Retro Shading for the Web (2024) as a story · 155 points
HN discussionUnrelated but similar, https://blog.maximeheckel.com/posts/cubic-bezier-from-math-t... . Includes hands-on examples to help understand the math behind bezier curves.
Comment linking /posts/cubic-bezier-from-math-to-motion/
on “A Primer on Bézier Curves”Submitted Post-Processing Shaders as a Creative Medium as a story · 68 points
HN discussionI did the same like 2 weeks ago. In Rust. ^^ I'm still trying to improve it a little. https://git.ache.one/dither/tree/?h=%f0%9f%aa%b5 I didn't published it because it's hard to actually put dithered images on the web, you can't resize a dithered image. So on the web, you have to dither it on the fly. It's why, in the article, there is some artifacts in the images. I still need to learn about dithering. Reference: h…
Comment linking /posts/the-art-of-dithering-and-retro-shading-web/
on “Writing my own dithering algorithm in Racket”Submitted Painting with Math: A Gentle Study of Raymarching (2023) as a story · 60 points
HN discussionThe major dithering algorithm that's missing from this list is blue-noise dithering. This is very similar to "ordered dithering"; you can think of ordered dithering as either thresholding the pixel values with a different threshold value on each pixel, following a regular pattern, or as adding a different offset value to each pixel, following a regular pattern, and thresholding the result with a constant threshold.…
Comment linking /posts/the-art-of-dithering-and-retro-shading-web/
on “Image Dithering: Eleven Algorithms and Source Code (2012)”Submitted Cubic Bézier: From Math to Motion as a story · 43 points
HN discussionIt is a common pattern in rendering. You achieve your desired results, but it is nowhere near realtime. You try to lower the sampling resolution which helps a lot with speed, but you end up with ugly visual artifacts. Introducing the blue noise in the right place helps with attenuating these sampling artifacts. Only usually you would sample the premade "blue noise" texture rather than using the shader to compute it.…
Comment linking /posts/real-time-cloudscapes-with-volumetric-raymarching/
on “The Color of Noise (2014)”Submitted Shaping Light – Volumetric Lighting as a story · 40 points
HN discussionTasteful: https://colly.com/ Artsy: https://anhvn.com/ Simple yet elegant: https://www.lkhrs.com/ and https://arun.is/blog/ Maximalist: https://henry.codes/ and https://garden.bradwoods.io/ and https://blog.maximeheckel.com/ Old-school / indie web: https://ribo.zone/ Text mode / ASCII art: https://adelfaure.net/ Typography: http://davidcole.me/ and https://www.petemillspaugh.com/ I have more. You can keep rolling th…
Comment linking /
on “Ask HN: Most beautiful personal blog UI you have ever seen?”Submitted The Art of Dithering and Retro Shading for the Web as a story · 18 points
HN discussionLesswrong for both sidebars: the heading based TOC on the left, and the margin notes on the right: https://www.lesswrong.com/posts/bJ2haLkcGeLtTWaD5/welcome-to... For interactive / code snippets Maxime Heckel: https://blog.maximeheckel.com/posts/the-study-of-shaders-wit... Honorable mentions Maggie Applebaum https://maggieappleton.com/ai-enlightenment Marek Chotoborski https://zanlib.dev/blog/number-inputs-in-react/…
Comment linking /posts/the-study-of-shaders-with-react-three-fiber/
on “Ask HN: Favorite text heavy blogs the are a joy to read”Submitted Rendering the Sky, Sunsets, and Planets as a story · 16 points
HN discussionSubmitted Shading Motion as a story · 9 points
HN discussionSubmitted Crafting Painterly Shaders as a story · 3 points
HN discussionSubmitted Field Guide to TSL and WebGPU as a story · 3 points
HN discussionSubmitted Crafting Painterly Shaders as a story · 3 points
HN discussionSubmitted Shades of Halftone as a story · 2 points
HN discussionSubmitted Field Guide to TSL and WebGPU as a story · 2 points
HN discussionSubmitted Field Guide to TSL and WebGPU as a story · 2 points
HN discussionSubmitted Cubic Bézier: From Math to Motion as a story · 2 points
HN discussionSubmitted Post-Processing Shaders as a Creative Medium as a story · 2 points
HN discussionSubmitted SEO mistakes I've made and how I fixed them (2020) as a story · 2 points
HN discussionSubmitted Moebius-style post-processing and other stylized shaders as a story · 2 points
HN discussionSubmitted Shining a Light on Caustics with Shaders and React Three Fiber as a story · 2 points
HN discussion
