Open Project

drawGIF - Open Source Canvas Extension

Cover Image

One of my first projects at my internship was a interactive game I developed together with a machine learning intern. Together we took the coordinates from a handtracking system and maped them to objects on the canvas element.
For a reaction, I wanted to display an GIF, but the canvas element doesn't support them natively as images.
I found a technique to slice the frames and circle through them to play the GIF.

When I had time, I decided to opensource the function as a extension of the CanvasRenderingContext2D

ā†’ drawgif on npm