Processing  
Libre Graphics 
Conditional Design
Arduino
Home
Museum Visit
Final Project
Authorship 
and 
Interaction 
http://www.quayola.com/strata4/
http://www.openprocessing.org/
http://www.creativeapplications.net/processing
https://www.codecademy.com/
https://dash.generalassemb.ly/projects
http://dataremixed.com/
The Year open data went worldwide
House
https://www.flickr.com/photos/toxi/with/3966499579/
Hello Processing 
Coding and Processing
These are a range of webages where you can learning 
coding and some can also allow you to share coding.
This is another example of research 
data being maniplatuin into 
processing form.
This is a video talking about how open data was first made avaible work wide.
the person who created the internet made it free to everyone to use and access. 
The Internet in a open software.
This are some video example of how people have maniplated data for example 
movement into processing. They also allowed the perecessing information to move.

 My work
House Code
house
void setup()
{
size(500,500) ;
background(150,0,300,350) ;

}

void draw ()
{

stroke(0,0,255);

stroke(0,0,0);
fill(150,190,220);
rect(138,300,200,200);
stroke(0,0,0);
triangle(140,300,240,120,340,300) ;
rect(150,340,50,50) ;
rect(275,340,50,50);
rect(210,430,50,70);
}
String Wool[] = {“Black”,”Blue”,"red”,”White”,”Green","Multicoloured”,"Pattern"};
int Month[] = {10,12,2,3,1,6,8};
int Remaining[] = {128,20,90,74,80,143,20};
void setup(){
size(800,800);
background(150);
smooth();
stroke(80,60,255);
strokeWeight(2);
}
void draw()
{
background(150);
line(0,height/2,width,height/2);
text(“The different coloured trainers worn in a month", 40,50,200);
for (int i=0; i < Remaining.length; i++) {
fill(20,0,0,50);
ellipse(Month[i]*55, height/2,Remaining[i], Remaining[i]);
fill(225);
pushMatrix();
translate(Month[i]*55,height/2 -Remaining[i]/2);
rotate(radians(-45));
text(Wool[i],0,0);
popMatrix();
}
}
Pie Chart
int[] angles = { 40, 20, 50, 25, 55, 58, 55, 97 };
void setup() {
size(640, 360);
noStroke();
noLoop(); // Run once and stop
}
void draw() {
background(100);
pieChart(300, angles);
}
void pieChart(float diameter, int[] data) {
float lastAngle = 0;
for (int i = 0; i < data.length; i++) {
float gray = map(i, 0, data.length, 0, 255);
fill(gray);
arc(width/2, height/2, diameter, diameter, lastAngle, lastAngle+radians(angles[i]));
lastAngle += radians(angles[i]);
}
}
Bouncy Bubbles based on code from Keith Peters.
Multiple-object collision.

int numBalls = 30;
float spring = 0.05;
float gravity = 0.03;
float friction = -0.9;
Ball[] balls = new Ball[numBalls];

void setup() {
size(640, 360);
for (int i = 0; i < numBalls; i++) {
balls[i] = new Ball(random(width), random(height), random(30, 70), i, balls);
}
noStroke();
fill(255, 204);
}

void draw() {
background(0);
for (Ball ball : balls) {
ball.collide();
ball.move();
ball.display();
}
}

class Ball {

float x, y;
float diameter;
float vx = 0;
float vy = 0;
int id;
Ball[] others;

Ball(float xin, float yin, float din, int idin, Ball[] oin) {
x = xin;
y = yin;
diameter = din;
id = idin;
others = oin;
}

void collide() {
for (int i = id + 1; i < numBalls; i++) {
float dx = others[i].x - x;
float dy = others[i].y - y;
float distance = sqrt(dx*dx + dy*dy);
float minDist = others[i].diameter/2 + diameter/2;
if (distance < minDist) {
float angle = atan2(dy, dx);
float targetX = x + cos(angle) * minDist;
float targetY = y + sin(angle) * minDist;
float ax = (targetX - others[i].x) * spring;
float ay = (targetY - others[i].y) * spring;
vx -= ax;
vy -= ay;
others[i].vx += ax;
others[i].vy += ay;
}
}
}

void move() {
vy += gravity;
x += vx;
y += vy;
if (x + diameter/2 > width) {
x = width - diameter/2;
vx *= friction;
}
else if (x - diameter/2 < 0) {
x = diameter/2;
vx *= friction;
}
if (y + diameter/2 > height) {
y = height - diameter/2;
vy *= friction;
}
else if (y - diameter/2 < 0) {
y = diameter/2;
vy *= friction;
}
}

void display() {
ellipse(x, y, diameter, diameter);
}
}
Open Processing 
Processing
Research 
by-karsten-schmidt
The last two experiments i used the coding 
from processing and experiment with change 
the numbers for create different effects.
By Dainyika Jackson w1432850
MGRA501 Module Level 5
BA Graphic Communication Design
 2015 Dainyika-Jade Jackson