Our words were:

• fluid
• step-printing
• distortion

Process

We wanted to experiment with deforming an image with pixels and then reconstructing it.

Ana wanted to experiment with ml5.js’s face recognition techniques. She made this initial sketch, pixelating faces and turning them into mosaics:

https://editor.p5js.org/ana-konzen/full/QzgVgLmT3

But we wanted even more deformation and to make the sketch seem more fluid, with an animation. So Ana built an algorithm that distorted a face with a vector flow field:

https://editor.p5js.org/ana-konzen/full/1UBV6nXWD

• (Simple) algo explanation
• Other process sketches

However, we wanted to reconstruct the face somehow. Jasmine had the idea of morphing the painting’s face into another, perhaps even more famous, one: the Mona Lisa.

To do that, Ana added a position history array to each particle, which she could then scrub through.

• (Simple) algo explanation