Conf42: JavaScript 2020

- premiere 5PM GMT

...

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