a quickie\u00a0to celebrate holidays!<\/p>\n

\n

to\u00a0stipple (verb)<\/span><\/header>\n

to paint, engrave, or draw by means of dots or small touches.<\/div>\n<\/blockquote>\n

here’s why\u00a0english is a beautiful language. stippling is a graphic way of rendering masses. I must admit I’m obsessed with stippling for years now, I\u00a0wanted to give it a try for a while and never found time to do so.<\/p>\n

to mimic a stippling,\u00a0we’ll need dots – obviously\u00a0– and\u00a0one approach would be to randomly distribute dots over a surface, retrieve the greyscale value of\u00a0a picture’s\u00a0pixel, normalize it, then index the size of the dot on this value. that’s how the final render works (somehow). but there’s a more elegant way to distribute dots over a surface called the Poisson Disc distribution<\/em>. I chose to use it for the\u00a0graphic quality of the ouput but also because Poisson means fish<\/em>\u00a0in french which I find extremely funny. a good explanation & example of what Poisson distribution is can be found on Mike Bostock’s amazing page<\/a>.<\/p>\n

I ported the code found here<\/a>\u00a0& pushed an example on codepen (click to reset):<\/span><\/p>\n

See the Pen Honhonhon le poisson!<\/a> by nicolas barradeau (@nicoptere<\/a>) on CodePen<\/a>.<\/p>\n