Processing – Week 7

After we came back from the Easter holidays we continued learning about processing called local & global variable and IF Statements.

Local & Global variable 

This is code of local & global variable in processing

 

The image changes different colours when you click the play button in processing.

IF Statements

This is code of IF Statement in processing to show the square  changing colour from red into green by mouse X and Y.

 

 

This is how the image looks when it changes colour from red to green.

Processing Experiment – Lines

I have experimented using processing to create lines. By dragging the mouse around, the lines increase and multiply.

 

and it looks really cool.

Processing – Week 6

Week 6, during the lesson, we learnt how to create time and clock in processing.

Time

We learnt how to create Time and Date in processing, I have learnt how to use the code:

text(“Time and Date”, 10, 30);
fill(#FFFFFF);
textSize(45);
text(hour(), 150, 100);
text(minute(),250,100);
text(second(),350,100);
text(day(),200,200);
text(month(),100,200);
text(year(),300,200);

This is how it look and I have understanding this code to create the time and date.

Clock

 

Firstly, I looked at it and how to create the clock animation but I couldn’t understand so I did some code.

void setup(){

size(600,600);
strokeWeight(20);

}

void draw () {
background(255,0,0);
stroke(second(),second());
line(second()*10,0,second()*10,600);
line(minute()*10,0,minute()*10,600);
stroke(#0AFFFD);
ellipse(300,300,second()*10,second()*10);
stroke(#0DFA2A);
ellipse(200,200,second()*10,second()*10);

}

and this is how it looks. I added another ellipse but it looks messy.

Clock (Understanding)

I have looked at it again and I have done processing again to create another clock to understand this code:

void setup(){
size(600,600);
strokeWeight(15);
}

void draw () {
background(#58FF50);
stroke(second(),second());
line(second()*10,0,second()*10,600);
line(minute()*10,0,minute()*10,600);
stroke(#FC1F1F);
ellipse(300,300,second()*10,second()*10);
}

 

This is how it looks like now and will continue practising.

Counter

I have learnt how to create images of numbers using processing and  uploaded images.

I understand more now how to use processing.

 

Processing Experiment

I experimented in Processing and created a beach scene.

This is the code for processing showing  how I created the beach.

 

I have learnt how to fill colour in layers and how to use circle and rectangle.

Processing – Week 4

In week 4, we continued learning about processing. We learnt how to create hello world images, circle in rows and black and blue colours.

I have learnt how to put ellipse in row.

I have learnt how to make lots of circles with joined together.

I have learnt how to 2 colour in screen and make it look like dusk in the sky.

I have created the big white circle which looks like the moon with a blue background and white dots. It looks like the moon has been caught in a snowstorm.

.I 

 

I have made Hello World with a moon, grass, star and dusky sky. I have learnt how to add in layers and learnt how to put text on it.

I have started to understand processing and have understood about void setup and void draw code.

Processing – Week 3

 

In Week 3, we  learnt about processing. In processing we learnt  about 3 things that you can use in processing:

• Changing Colour by using mouse in X and Y
• From Black to Grey
• Image of Face changing

I found this interesting because I have never seen this before.

Changing Colour by using mouse in X and Y

In this screen the colour changed from red, yellow and green by using X and Y mouse. When you move the mouse the screen changes colour.

From Black to Grey

 

This is when you get black from the top and down to changing colour into grey in vertical side is automatic.

Image of Face changing

 

 

This is Lionel Messi right now….

This is Lionel Messi. I created the image change using processing.

So far…I have learnt this in processing and I think I am getting used to it.

Processing – Drawing Circle and Image

I used the processing software to experiment with drawing. It was interesting and something new. You can draw by a click of the mouse. I looked at the book  called “Getting Started with Processing by Casey Reas & Ben Fry. It helped to me understand how to use Processing but it will still need to practice a great deal.

Drawing the Circle

This is the code in processing to create the white circle.

 

This shows the circles animated.

Drawing Cricket Ball

 

This is the code in processing to create a cricket ball. I dragged the image into processing and showed how the image moved around.

The cricket ball looks like it is being bowled by a fast bowler.

Processing – Week 2

We carried on learning processing software and we learnt how to add images into this processing and animate them around.

This is my first animation processing with the circle moving right and left.

Cricket ball animate

This is an image of cricket ball animate with the  cricket ball bouncing everywhere.

It’s still hard to understand the processing software but will keep practising and experimenting till I understand.

 

Processing – Week 1

We learnt about a new software called Processing which is similar to drawing, sketching and painting on paper. This is like digital drawing and graphics. When I first used the processing software I had no idea what to do and was very confused about it.

This is my first piece of processing:

This code is bit like html that I have used before.

 

 

 

 

 

This is not a bad start and I know it will take time to understand.

This is the second time that I used processing and this is animation sketching with line and circle.

When I look at the possibilities of processing I am excited to see what I can do with the software.

At home I did some research and tried to understand more about Processing so experimented:

Animation sketching:

 

The more I am practising and experimenting I feel I will become more and more confident using this software for new projects.