In digital exhibitions, a recurring highlight is offering coloring pages, scanning them and letting them come alive as textures on a 3D object. I'd already built a demo that showcased adding a texture customized in the browser, this time I focused on the scan happening on a different device and using websockets to update the scene.

I started out with a proof of concept using jscanify and my phone to take a picture of the printed page with the outline of the unwrapped model and cutting it into 2 images. The websockets part was originally based on a modified react chat app, but switched to nuxt's nitro for the portfolio.