The presentation for the WTMC school, January 2010

Method

- set up webcam

- start Processing prog.

- set pixelsize in prog to 1

- saveFrame when frame is filled.

- press ‘run’

- go about and do your daily stuff

- after an hour or two, watch the result.

what to think of this? Should I then finally switch to chrome?

Circles in Processing

animated version:

Processing Circles Simple Math from tjerk timan on Vimeo.

code:

import processing.opengl.*;
int x=1;
int y = 1;

void setup(){
size (400,400, P3D);
background (255);
smooth();
}
void draw(){
translate(200,200,y);
//rotateZ( sin(x));
ellipse((sin (x)*100),(cos (y)*100), x,y);
for(int i= 0;i<1;i++){

if(x>=100&&x<=200){
x++;
y++;

}
else{
x–;
y–;

}
}
}

Circles in Elise.

This program made by Alexander Rulkens, uses L-systems to create very beautiful repetitive (recursive) visuals. This is just one example (Lissajous):

animated version:

Elisa Circles Lissajous from tjerk timan on Vimeo.

This video shows an exploration of interactive coded visuals. In this case, the animation is recorder and reacts to mouse_Input. These variable will be replaced soon by sensors. This is the code:

import processing.opengl.*;

float q = 2;
float s = second();
void setup(){

size(1400, 900,OPENGL);
noStroke();
frameRate(25);
smooth();
}

void draw(){

background(255);

// fill(100,100,200,100);
translate(600+cos(q/2)*10,400,260);

for(int i = 1; i < 100; i++){
fill(i*5*(cos(1)),q*13+q%255,cos(q)*200,100);
rotateZ((0.13*(tan(q)))/100);
rotateX((sin(q))/100);
rotateY(cos(sqrt(q))/100);
translate(18,mouseX/100,mouseY/100);
beginShape(QUAD_STRIP);
vertex(3*sin(q), 7);
vertex(4, 2);
vertex(5, 7);
vertex(5, 7);
vertex(9,3);
endShape();
rotateX(i/50);
rotateZ(i+mouseX);
rotateY(i+mouseY);

rotateY(0.4);
rotateX(0.7);
rotateZ(0.3);

for (int o = 0; o < 20; o++){
fill(i*13%255,q*2%255,cos(q*2)*200,50);
//sphere(q);

box(200-(o/4),50+(o/4),50+o);
if(s>60){
box(10+(o/8),20+(o/8),20+o);
}
if(s>120){
box(5+(o/8),(o/8),2+o);
}
}
rotateY(-0.2);
rotateX(-0.9);
rotateZ(-0.3);

}

q=q+0.2%150;
if(keyPressed==true){                               // for making screenshots
saveFrame(”####.jpg”);
}
delay(100);
}

(still from video app described below)

(find software at www.processing.org)

import processing.video.*;
Capture myCapture;
int a=3; //stepsize x
int b=360; //stepsize y
int x=0;
int y=0;
int xres = 480;
int yres = 360;
int s = second();
void setup(){
size((2*xres+50) , yres);
myCapture = new Capture(this, xres, yres, 25);
}
void captureEvent(Capture myCapture) {
myCapture.read();
}
void draw(){
image(myCapture, 0, 0);

loadPixels();

if(true){
x+=a;
int dx = xres+50+x;
int dy =y;
copy(x,y, a, b, dx,dy, a, b);
if(x>xres){
x=0;
y+=b;
}
if(y>=yres) {
y=0;
saveFrame(”####.jpeg”);
}
}
}