Category Archives: Multimedia Scripting and Authoring

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 

Screen Shot 2015-04-17 at 12.09.22

This is code of local & global variable in processing

Screen Shot 2015-04-17 at 12.09.54 Screen Shot 2015-04-17 at 12.39.01 Screen Shot 2015-04-17 at 12.39.19 Screen Shot 2015-04-17 at 12.39.41 Screen Shot 2015-04-17 at 12.39.54

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

IF Statements

Screen Shot 2015-04-17 at 17.01.54

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


Screen Shot 2015-04-17 at 17.03.29 Screen Shot 2015-04-17 at 17.03.50


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

Processing – Week 6

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


Screen Shot 2015-03-24 at 12.54.57

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

text(“Time and Date”, 10, 30);
text(hour(), 150, 100);

Screen Shot 2015-03-24 at 12.54.46

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


Screen Shot 2015-03-24 at 12.58.51


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

void setup(){



void draw () {


Screen Shot 2015-03-24 at 12.58.35

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

Clock (Understanding)

Screen Shot 2015-03-24 at 13.00.59

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

void setup(){

void draw () {

Screen Shot 2015-03-24 at 13.01.11


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


Screen Shot 2015-03-24 at 13.02.20

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

Screen Shot 2015-03-24 at 13.02.35

I understand more now how to use processing.


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.

Screen Shot 2015-03-07 at 19.23.15 Screen Shot 2015-03-07 at 19.23.25

I have learnt how to put ellipse in row.

Screen Shot 2015-03-07 at 19.23.53 Screen Shot 2015-03-07 at 19.24.01

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

Screen Shot 2015-03-07 at 19.24.23 Screen Shot 2015-03-07 at 19.24.32

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

Screen Shot 2015-03-07 at 19.25.16Screen Shot 2015-03-07 at 19.25.22

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.

.IScreen Shot 2015-03-07 at 19.24.52 Screen Shot 2015-03-07 at 19.24.59


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

Screen Shot 2015-02-27 at 19.57.40 Screen Shot 2015-02-27 at 19.57.58 Screen Shot 2015-02-27 at 19.58.06 Screen Shot 2015-02-27 at 19.58.16 Screen Shot 2015-02-27 at 19.58.32

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

Screen Shot 2015-02-27 at 20.14.49 Screen Shot 2015-02-27 at 20.15.05Screen Shot 2015-02-27 at 20.14.55  Screen Shot 2015-02-27 at 20.19.29

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

Screen Shot 2015-02-27 at 20.30.46


Screen Shot 2015-02-27 at 20.30.58


This is Lionel Messi right now….

Screen Shot 2015-02-27 at 20.31.06

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

Screen Shot 2015-02-21 at 19.52.35

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


Screen Shot 2015-02-21 at 19.52.21

This shows the circles animated.

Drawing Cricket Ball


Screen Shot 2015-02-21 at 19.35.06

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

Screen Shot 2015-02-21 at 19.34.58

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