Tutorials on Processing (4-6)

Number 4

https://processing.org/tutorials/text/

You can leave a message on a processing document if you use a string command.

println(“The currency of the UK is the pound”). Setting a size and background will cause a separate screen to show and display the message in the println on the original document.

Number 5

https://vimeo.com/18334331

This video shows you about the User Interface in Processing, the menus are along the top of the document where you can use find in reference to search for how to enter a certain command. You can manually pick a colour in Tools>Colour Selector, this involves the RGB colour scheme.

Number 6

https://processing.org/tutorials/typography/

textSize(20);
text(“Hello”, 0, 20);
text(“Goodbye”, 0, 40)

The good thing about this is that you can type out as many words as you please.

Tutorials on Processing (1-3)

The research for the Multimedia Scripting and Authoring module involves us looking at 6 different tutorials on Processing.

Number 1

https://processing.org/tutorials/color

The post above shows a venn diagram displaying what colours are shown when the RGB palettes are combined. It also includes coding for a colour. For example fill (0, 255, 0) will create a green colour.

Number 2

https://processing.org/tutorials/pshape/

This tutorial goes through how to create a shape. For a rectangle, you have to type out 4 numbers which indicate the x, y axis along with w (width) and h (height). e.g. rect(100,100,200,200)

Number 3

https://vimeo.com/16855710

The link takes you to a tutorial on For Loops, this is what it looks like when coded as shown on the video:

for(int i = 0; i < 20; i++ );

int stands for Integer, Integers are numbers with no decimals. If you type out a decimal number it will not work, this is known as a float.

Processing 25 March 2015

We had to create 11 separate files in Processing, but instead of copying and pasting code we had to type it out ourselves, as a way of understanding what is going on.

Processing uses a string command, this allows text to repeat as long as it part of the ‘string’ as shown below.
I like Rugby

One of the many documents we created used a ‘random array’ meaning a certain text and image would pop up on the screen, for example the robin below has the text pelican besides it.
Random Array

Processing 4 March 2015

In Processing, we created a ‘hello world’ piece that used gradients, text and shapes. Adding a (random) tag changes the amount of ellipses height and width.

void setup() {
size(600, 500);
background(255);
noStroke();
noLoop();
}

void draw() {
for(int j=0; j<600; j++){
stroke(0,0,j);
line(0,j,600,j);
fill(240,231,136);
ellipse(200, 200, 50, 50);
fill(255);
text(“hello world”, 300, 350);
}

for (int i = 0; i<200; i++) {

fill(255);
ellipse(random(width), random(height), 5, 5);
}
}
Hello World

Processing 25 February 2015

In Processing, we managed to come up with some variables. In this particular work we managed to make a page change colour just by moving the mouse. void setup is a piece of code that occurs just once, while void draw happens repeatedly.

float myColour;
float myColourY;

void setup(){
size(600,600);
background(255);
noStroke();
}

void draw(){
myColour=map(mouseX,0,600,0,255);
myColourY=map(mouseY,0,600,0,255);

fill(myColour,myColourY,0);
rect(0,0,width,height);
}