Conf42: JavaScript 2020

Everything about the language of internet.

...

Canvas pixels transformation: beauty comes slowly

Victor Lebrun
Web Developer @ Theodo

Victor Lebrun's LinkedIn account


How to turn maps or any image into beautiful mosaics with the Canvas api? I have a passion for maps and their aesthetics. With my project, I transform the canvas of a `Mapbox` map into a color mosaic.

However, my algorithm runs through all the pixels of the canvas, which takes a long time: more than 2 seconds to render a map on a fullHD screen. I started exploring the WebGL API to speed up rendering.

Awesome conferences for

Priority access to all content

Community Discord

Exclusive promotions and giveaways