It was great to explore data visualizations this past week, but I find myself most excited by the possibilities of building some sort of weird collage kaleidoscope-inspired animation in Processing for my final project. I decided to mess around with the collages I built two weeks ago, this time randomly adding in translate() and rotate() to see what happens.
Eventually, I created a randomly awesome kaleidoscope-y animation.
There is a moment where the collage rectangles look 3D, which I think is interesting. I also like the contrast between having very thin collage rectangles (where the image is no longer discernible, and the collage becomes about color) versus when my rectangle slices are wider.
I am not sure where to go with this, but was pleased to see how easy it is to create some weird effects with a couple lines of code.
Source Code:
PImage img; // Declare variable “a” of type PImage
PImage img1;
PImage img2;
PImage img3;
void setup() {
size(700, 500);
img = loadImage(“subway-mirror.jpg”); // Load the image into the program
img1 = loadImage(“subway.jpg”);
img2 = loadImage(“dreamywater.jpg”);
}
void draw() {
background(0);
int x = 0; // this is where the loop starts
// int y = 200;
int w = mouseX/5; // this is the width of each “slice”
while (x < width) {
translate(width/2, height/2);
rotate(10);
copy(img1, x, 0, w, 400, x, 0, w, 400);
copy(img, x+w, 0, w, 400, x+w, 0, w, 400);
copy(img2, x+w, 0, w, 640, x+w, 0, w, 640);
x = x + 7; // this is how far apart each “slice” is
}
}
