Video Swap (074) randomly reshuffles the tiles of a video every five seconds to create a new composition of the same thing.
In reshuffling, expectations of continuity are challenged. The original composition of the frame is dominated by horizontals: the pavement, the grassy hill, the trees and sky. When these lines are fragmented, it becomes difficult to discern which pieces belonged where. It isn’t until people move through the frame that relative positions are understood.
Technicals
The map was built with p5.js as a website. Once the video is loaded, each frame is read as an image. Based on the number of subdivisions, the image is broken into a number of fragments using the image.get() function. The normal order of the cells is shuffled, and the fragmented images are placed according to the new locations.
Next Steps
- Use mouse position to determine subdivision size.