A first comparison between two software apps: Processing and Elise. (more to come). In Processing, the trouble I often experience is the missing relation between code and action: between first thinking in code before checking the result visually). In this small experiment, the assignment was to create a circle using repetitive patterns. As you can see in Elise, by simply creating one branch of the LSystem, a direct visual feedback is given on what you have crated. By altering the angle or the number of iteration, patterns start emerging and visuals are born.

Circles in Processing

animated version:

Processing Circles Simple Math from tjerk timan on Vimeo.

code:

(more…)

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:

(more…)

(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”);
}
}
}

“Aqua Geo”

“Aqua Geo two”

made in Processing. Code:
import processing.opengl.*;

int a= 0;
int b= 0;
int c= 0;

void setup(){
size(1400,900, P3D);
background(0);
noLoop();
}

void draw(){
for(int i=0;i
a+=1;
b+=10;
c+=1;

fill((255-c),b,a, LIGHTEST);

box(a,b,c);
rotateX(0.01);
rotateZ(0.1);
rotateY(0.1);
}
}

some preliminary -if i am even finished then- design: