This is Hello Processing video which gives us a tutorial on how to process drawing shapes and lines using code. He gives us simple tutorial in how to make shapes by giving us the time to try it out in the end of the video. After the video i went on to download Processing and start coding and start creating shapes.

My Examples

These were shapes that i created using code on processing using codes such as size(400,120);
line(20,50,420,110); This code created the line thing about code it always ends semi-colon, and the code has to be in between (x,y,w,h). To create the rectangles I used the code rect(100,60,220,400); and to create the ellipse sketch you type in ellipse(270,-100,400,400);
ellipse(120,100,110,110);
ellipse(412,60,10,10);
My next step is to fill the shapes with colour.

Coding Colour shapes

I created these shapes using similar codes that i did before but instead i used colour to fill in the shapes and i also experimented changing the colour of the background, Not filling in shapes rather just keeping the stroke and background colour. To fill in a shape in processing enter on the new type fill(R,G,B); you have to write the number of the red , green and blue to find this out you can go colour picker on photoshop and copy the numbers.

Exercise 2

This exercise i used already code made but i changed the code to make it my own so i changed the colour and cut the ellipse changing in to pink. I did this with other codes as well.

This one is interesting because when you move the around the sketch it moves while moving the mouse creating different shapes. The left was the original coding for the sketch i changed it by adding ellipse and rectangles and changing the background colour to blue.

This Data processing i made about sports using code but changing it to rectangles.