I am ashamed to admit that I only barely completed one and a half of the 3 challenges I had set out for myself last week – who knew learning was so difficult? Most of my accomplishments over the weekend consisted of referencing geometric code we created in class and finding a cool replacement for the blur effect, which is the wonderful library – Postfx, which is great for creating graphics. As for the second challenge concerning the Kinect, I watched most of the Daniel Shiffman’s videos on the thing and I intend to start hooking it up today. My last challenge involves connecting the Kinect to the pattern generated by the code, and making it possible for the user’s movements to control the movements of the pattern. I also intend to create a wayyyy cooler color palette.
A lil code:
import ch.bildspur.postfx.builder.*; import ch.bildspur.postfx.pass.*; import ch.bildspur.postfx.*; PostFX fx; PVector center; Agents agents; void setup() { size(1280, 720, P3D); frameRate(60); smooth(8); background(0); center = new PVector(width/2, height/2); fx = new PostFX(this); agents = new Agents(); background(0); } void draw() { agents.run(); float ratio = 0.5; float intensity = 10; fx.render() .blur( round(map(ratio, 0, 1, 0, intensity)), map(ratio, 1, 0, 0, intensity) ) .compose(); noStroke(); fill(0, 15); rect(0, 0, width, height); }
class Agent { PVector pos, startPos; float heading = random(TWO_PI); float startHeading = heading; float step = random(1.0, 2.5); float stepNext = step; color col; Agent() { this.pos = new PVector(random(width), random(height)); this.build(); } Agent(PVector pos, float heading) { this.pos = pos.copy(); this.startPos = pos.copy(); this.heading = heading; this.startHeading = heading; if ( pos.x > width / 2 ) { if ( pos.y > height / 2 ) { col = color(255); } else { col = color(0, 255, 0); } } else { if ( pos.y > height / 2 ) { col = color(255, 0, 0); } else { col = color(255, 0, 255); } } } Agent(PVector pos, float heading, color col) { this.pos = pos.copy(); this.startPos = pos.copy(); this.heading = heading; this.startHeading = heading; this.col = col; } void build() { } void update() { //callSensors(this); pos.add(new PVector(cos(heading), sin(heading)).mult(stepNext)); if ( this.outOfBound() ) { pos = startPos.copy(); heading = startHeading; } } void render() { stroke(col); vertex(pos.x, pos.y); } boolean outOfBound() { return ( pos.x < 0 || pos.x > width || pos.y < 0 || pos.y > height ); } }
creds to this github account for having great examples for working with postFX: https://github.com/cansik/processing-postfx/blob/master/examples/SimpleEffect/SimpleEffect.pde