Project #2: Face Generator

Description

An abstract face, shifting rapidly. Move mouse to change colours, and click on the sketch to interact with the face!

Design Process

For this project, I wanted to experiment with abstract faces and the way they can change; never sitting still. I drew a sketch of a fragmented face as I was ideating on what to do.

I experimented with various ways of interacting with the face through the process of building this sketch. I knew I wanted to play with colour, but my initial idea was to zoom in and out on it based on the mouse position. When I started to build that thought, it didn't seem to utilise the full potential of the wonky nature of the sketch. I also tried moving the face around, but that seemed like something more suited to a softer sketch than the hard lines of this face. That was when I came up with the idea of moving only a few vertices around, like shifting fragments, instead of the whole face. AFter that, it made sense to vary colours in the same hue - like light reflecting off broken glass. I set different hues - connected to mouseX and mouseY - for the face and for the rest of the fragments, just for clear differenciation.

Reflection

This project felt a lot more advanced than the one last week! Maybe I'm just more comfortable in p5.js now.

Over the course of the process, figuring out what I wanted to do and how I needed to execute it, I ended up exploring and teaching myself a lot - even though I didn't end up using everything I learnt. The process felt more experimental.