2B

Gif 1 CLICK HERE TO TRY
{1} In this sketch, a new shape is generated every 30 frames, where size and placement is randomised. Speed increases over time by 0.1%.
Gif 2 CLICK HERE TO TRY
{2} These balls are programmed to bounce within the frame. If you click on them, they move direction. Again, size and placement is randomised.
Gif 3 CLICK HERE TO TRY
{3} This sketch uses posenet to track your face through the video camera. I have programmed lines to follow the movement to generate a contemporary image.
Gif 4
{4} This sketch is a simple camera reflection. I have applied a high level of posterisation to develop the intense saturation that you can see here.
CLICK HERE TO TRY
Gif 5 CLICK HERE TO TRY
{5} In this sketch, a canvas of randomised shapes is generated when any key on the keyboard is pressed. The two primary functions for this sketch are; keyPressed and generateImage.
Gif 6 CLICK HERE TO TRY
{6} In this sketch, the mouse acts as a pen, without needing to hold down the cursor it will map your movements. This happens because the line is set to the mouse's X and Y location.

Some of this code was generated by openai

ACTIVITIES

Image 1
{1} This was the first in-class activity I did using posenet. I really like the interactivity of the mirrored image.
Image 2
{2} In this sketch, the image acts as a mouse train. I inverted the image to achieve this x-ray effect.
Image 3
{3} Here, a circle is generated at a specific rate relative to the mouse' movement . The circle leaves behind a visual trail.
Image 4
{4} This was an in class activity that involved visualising a data set. By assigning the data numerables to a variable, we were able to map them through sections of a circle.
Image 5
{5} This was also an in class activity that involved visualising a data set. Each circle is relative to a number; its size represents its quantity.
BACK TO HOME