click image to try it yourself
This p5.js sketch has 5 randomised circles (balls), that start stagnant, however when clicked move around the page at random and increasing speed.
click image to try it yourself
This sketch allows the user to draw on the screen with their mouse. The lines begin to fade, as with each new 'stroke' the opacity of the prior line changes.
click image to try it yourself
This sketch uses the image filter, dilate. Typically it emphasises bright areas, in this case the programming results in a 'bleeding out' from the camera reflection.
click image to try it yourself
This sketch has been programmed to track the user's movements and draw lines based on the video visual input. It takes into account brightness and threshold to produce this 'glitchy' output.
click image to try it yourself
This sketch uses the p5.speech library to convert speech to text. The text is then displayed on the screen. A goal of mine would be to utilise this code to simultaneously produce an abstract image that corresponds to some spoken text.
click image to try it yourself
This sketch came from a class activity, exploring shapes and the mouse. In this one a yellow circle follows the co-ordinates of the mouse, and the red square 'inverts' those very same co-ordinates.
click image to try it yourself
In this sketch Kraftwerk's song, Computer Love, is played and the audio spectrum is visualised. The circles are drawn based on the amplitude of the audio spectrum, and the colours are also based on the frequency.
click image to try it yourself
This sketch is a version of the classic snake game. The user controls the snake with the arrow keys, and the snake grows in length as it eats the food. The game ends when the snake collides with the wall or itself.
click image to try it yourself
In this sketch the user can draw on the screen with their mouse. A blue circle with a yellow outline follows the mouse, and each previous position stays visible on the screen, eventually creating an interactive and abstract visual piece.
