Home
Web Design
Mobile Apps
Processing
Processing
Processing is a programming language, development environment and also an online community. It was originally created to teach computer programming with a visual context however since 2001 it has been transformed into a development tool for professionals. Processing is now widely used by students, artists, designers and researchers who use it for learning as well as production.


Reading
Here I took a screen recording of some of the work I did in processing. although there is not a function for this I was able to change the shapes as well as randomize the colours of the triangles and make them change colour when they got nearer the mouse.
As I was only just starting out in processing I didn't have any thought behind what I was going to create, therefore I used these sessions as practice to be able to get to know the processing software, so I would be familiar with it if I was going to use it again. We were given tasks on creating things and then breaking them again so we could get an idea of how they were put together.
This sketch was fairly similar to the other sketch above however I made all the triangles the same size, then made them follow the mouse around the page. the triangles would also flash white as they got nearer to the mouse.
The screen shot on the left shows the some of the code I used for this processing. To randomize the colours on this one I used fill(random 255) for all of the 4 different triangles. Then to make the triangles follow the mouse I used 'v.x = mouseX - position.x; v.y = mouseY - position.y;'
As seen from the code above the only noticeable difference in this sketch is the size of the triangles. You can see I have changed this in the code with '{triangle(position.x, position.y+100,'. As you can see I have also changed the colour of the background to yellow using '{background(255, 204, 0);
https://forum.processing.org/processing-org.jpg
processing.head.144847838839