(Not So) Meta-Data

Project Type: Graphic Design (p5.js)

Background

Whenever we take an image on our phone or a camera hidden pieces of information are stored with the image. From the date, time, and location it was taken to any editing software used. This information about information is considered "Meta-Data", and while we may not think much of it, this data can be accessed to learn more about us. Using P5.js and my own film photography, the project aims to showcase all the information that is collected on the photos we take.

First to Final Versions

Some images, due to being shot on older cameras, have less meta-data associated with it making the resulting image seem empty. To make the composition more visually interesting, I chose to layer the imformation to create a texture of text on top of the original image.

Process

Using p5.js and an additional library to obtain the meta-data from images, all the meta-data would be stored as an object then iterated to create and place the text on top of the image in random locations. The user could then use arrow the left and right arrow keys to refresh the text until the user is happy with the composition. Additionally, using the up and down arrow keys would change the text color so it can still be readable depending on the colors in the image.

Series