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