Seamless Looping when Exporting to Image Sequence for Video?

in Programming Questions • 2 years ago

float noiseScale = 300f, noiseStrength = 3f;
Particle[] particles = new Particle[50];
void setup() {
size(400, 400);
smooth();
noFill();
stroke(0);
strokeWeight(7);
strokeCap(SQUARE);
for(int i = 0; i < particles.length; i++) {
particles[i] = new Particle();
}
}
void draw() {
background(255);
for(int i = 0; i < particles.length; i++) {
particles[i].update();
}
}
class Particle {
float x, y, r, t, ss;
float xx, yy;
boolean oob = false;
Particle() {
x = random(width);
y = random(height);
r = random(25);
ss = random(.1, 2);
}
void update() {
t = noiseStrength * noise(x / noiseScale, y / noiseScale);
x += cos(t) * ss;
y += sin(t) * ss;
if(x < -r || x > width + r ||
y < -r || y > height + r) {
oob = true;
}
if(oob) {
place();
}
render();
}
void place() {
int d = int(random(4));
switch(d) {
case 0:
x = -r;
y = random(height);
break;
case 1:
x = width + r;
y = random(height);
break;
case 2:
x = random(width);
y = -r;
break;
case 3:
x = random(width);
y = height + r;
break;
default:
x = random(width);
y = height + r;
break;
}
oob = false;
}
void render() {
pushMatrix();
translate(x, y);
rotate(TWO_PI * t);
arc(0, 0, r, r, PI / 64, TWO_PI - PI / 64);
popMatrix();
}
}

This sketch works great as a Processing Applet, but I was recently asked to create a video of something similar to this as a seamless loopable video, around 5 seconds. Has anyone dealt with something like this before? I was thinking that maybe there is a way by saving the initial position of the Particle and then setting that as the destination for the particle after a certain number of times it has been placed? I thought I'd confer with the community first to see if anyone had dealt with something like this before?

Replies(2)

PhiLho

Re: Seamless Looping when Exporting to Image Sequence for Video?

2 years ago

I first though to record the successive positions, then to replay them in the reverse order, but then I ran your code and saw that movement is done in one direction only.
Other problem if you keep the current directional moves: some particles are quite slow, so you can't make them go out of the window in less than 5 s.

jonobr1

Re: Seamless Looping when Exporting to Image Sequence for Video?

2 years ago

Thanks for the reply @phi.lho. If I change the code to the attached below to give all particles the same speed and also different directions:

float noiseScale = 300f, noiseStrength = 3f;
Particle[] particles = new Particle[50];
void setup() {
size(400, 400);
smooth();
noFill();
stroke(0);
strokeWeight(7);
strokeCap(SQUARE);
for(int i = 0; i < particles.length; i++) {
particles[i] = new Particle();
}
}
void draw() {
background(255);
for(int i = 0; i < particles.length; i++) {
particles[i].update();
}
}
class Particle {
float x, y, r, t, ss;
float xx, yy;
boolean oob = false;
boolean positive;
Particle() {
x = random(width);
y = random(height);
r = random(25);
ss = 2;
positive = (floor(random(2)) != 0);
}
void update() {
t = noiseStrength * noise(x / noiseScale, y / noiseScale);
x += cos(t) * ss;
if(positive)
y += sin(t) * ss;
else
y -= sin(t) * ss;
if(x < -r || x > width + r ||
y < -r || y > height + r) {
oob = true;
}
if(oob) {
place();
}
render();
}
void place() {
int d = int(random(4));
switch(d) {
case 0:
x = -r;
y = random(height);
break;
case 1:
x = width + r;
y = random(height);
break;
case 2:
x = random(width);
y = -r;
break;
case 3:
x = random(width);
y = height + r;
break;
default:
x = random(width);
y = height + r;
break;
}
oob = false;
}
void render() {
pushMatrix();
translate(x, y);
rotate(TWO_PI * t);
arc(0, 0, r, r, PI / 64, TWO_PI - PI / 64);
popMatrix();
}
}

Would the result of the video be something like on the right side of the screen of this video? I'd prefer to get something more on the left. Image of video below:

—
http://jonobr1.com/

Top Reply

Response title

Attachments

New to this Portal?