Seb Lee Lectures - Basics of Processing

My Processing Work:

http://www.openprocessing.org/portal/?userID=15231

I have learnt alot so far about Processing and the ways in which it is similar to css coding. I am really enjoying these lectures by Seb and I feel I am slowly getting to grips with the Processing code system.

Below are some of my favourite pieces of work that I have produced wit the skills I have learnt with Seb. The rest of my work can be found on the above link to the OpenProcessing website.

This is my first attempt at creating a simple character using the ellipse and line tools. The main feature of this is the way that the eyes follow the mouse movement. To do this ive used floats (which are floating point numbers) to hold the 'instructions' for my circle eyes (pupils) to follow the mouseX and mouseY movements. This code is all contained in voids. Void setup contains the setup functions for the elements of the page. These get called once when the document is opened. void draw is the function that contains the 'drawing' elements of the document. These are called multiple times each frame.



This is my second attempt at a character with moving eyes. Here I have experimented more with colouring the objects.



If statements: if the mouse is over this quater then colour the box. If the mouse is in another part of the square then colour it in this colour. These if statements correspond to the mouse movements and tell the computer that if the mouse passes this point it should do a specific thing



In the example below i am using integers and if statements. The if statements are telling the computer to do something and if this isnt right then to do something else. I have also added a random colour fill to the circle so that it is flashing through a random RGB colour sequence.



This is a very simple piece of code that runs a draw triangle function that draws a triangle from the mouse movement.Simple but fun to play with.



Another fun game that has a circle attached to the mouse that leaves a fade trail behind its movement. The circle is restricted to the size of the box and doesnt go outside ther peramters. This uses a for loop to create the circle trail.



This is an array if random coloured circles that are confined in within the perameters of the box. They use a collide function that means when they reach the size they bounce back off the 'walls'. I think this looks like a disco representation; fun and colourful.



An array of square buttons. These buttons when clicked with the mouse change colour. They are also confined in the peramenters of the box like the previous example.