How to record a Processing sketch into .mov/any format?

kusoyarou

How to record a Processing sketch into .mov/any format?

in Contributed Library Questions • 2 years ago

Hey

I want to use this code and capture the result and post it on vimeo. My problem is that I dont know how to do this, I dont know how to implement moviemaker (the library) into my code. Can somebody help me?

This is the code:

import beads.*;
import java.io.File;
import java.io.IOException;
import javax.sound.sampled.*;
import org.tritonus.*;

int bg = 0;
AudioContext ac;
RecordToFile wav;
Clock clk;
int clockFreq = 500;
float G = 0.02;
SonicMap smap;
float avgx = 0;
float avgy = 0;
float camx = 0;
float camy = 0;

// -------------------------

class Particle {
   public float mass;
   public float x, y;
   public float mind, maxd, avgd;
   public float xvelo, yvelo;
   public float gravdensity = 0;
   public int mutefor;
   public int mutedur;
   private WavePlayer wp;
   public Particle(){
     mutefor = 0;
     mutedur = 50;
     mass = 1 + (float)Math.random()*3;
     xvelo = (float)(Math.random()-0.5)*2;
     yvelo = (float)(Math.random()-0.5)*2;
   }
   public void pluck(){
     if (mutefor <= 0){
       float vol = 0.04 + abs(xvelo*xvelo + yvelo*yvelo)/mass/5000;
       float freq = max(80, 150 + x);//log(Math.round((4.0-mass)*2)/2)*200;
       WavePlayer wp = new WavePlayer(ac, freq, Buffer.SINE);
       Gain g = new Gain(ac, 1, new Envelope(ac, vol));
       ((Envelope)g.getGainEnvelope()).addSegment(0, 2000, new KillTrigger(g)); //1000000/freq
       g.addInput(wp);
       ac.out.addInput(g);
       mutefor = mutedur;
     }
   }
   public void play(){
      if (mutefor > 0) mutefor--;
      this.draw();
   }
   private void draw(){
      if (mutefor > 0 && mass < 3){
        int beatage = mutedur - mutefor;
        float r = mass + 2 + beatage*beatage/30;
        strokeWeight(1);
        stroke(bg + max(0, 120 - beatage*2.5));
        noFill();
        ellipse(x, y, r, r);
      }
      noStroke();
      fill(min(170+mutefor*10, 255));
      float s = mass + mutefor/mass/3.0 + (float)Math.random()*abs(xvelo/2.0);
      if (mutefor <= 0) s /= 1.2;
      ellipse(x, y, s, s);
   }
}

// -------------------------

class SonicMap {
public Particle[] particles;
public OscillatorBank obank;
public SonicMap(){
    int population = 150;
    particles = new Particle[population];
    for (int i = 0; i < population; i++){
      particles[i] = new Particle();
      particles[i].x = (float)Math.random() * width - width/2;
      particles[i].y = ((float)Math.random() * height - height/2)*1.25;
    }
}
public void interact(){
    strokeWeight(0.25);
    stroke(bg+40);
    for (int i = 0; i < particles.length; i++){
      float ax = 0, ay = 0;
      float min_d = 9999;
      float max_d = 0;
      float avg_d = 0;
      float d0 = dist(particles[i].x, particles[i].y, 0, 0);
      float gd = 0;
      for (int j = 0; j < particles.length; j++){
        if (i == j) continue;
        float dx = particles[j].x - particles[i].x;
        float dy = particles[j].y - particles[i].y;
        float d = sqrt(dx*dx + dy*dy);
        float a = G * particles[j].mass / (d);
        //gd += particles[j].mass / (d);
        ax += dx / d * a;
        ay += dy / d * a;
        //avg_d += d;
        if (d < min_d) min_d = d;
        //if (d > max_d) max_d = d;
        if (d < 20){
          line(particles[i].x, particles[i].y, particles[j].x, particles[j].y);
        }
        // mouse gravity well
        if (mousePressed){
          float dm = dist(particles[i].x, particles[i].y, mouseX - width/2, mouseY - height/2);
          float dmx = mouseX - width/2 - particles[i].x;
          float dmy = mouseY - height/2 - particles[i].y;
          float am = G * (1) / dm;
          ax -= dmx / dm * am;
          ay -= dmy / dm * am;
        }
      }
      //particles[i].avgd = avg_d / particles.length;
      //particles[i].mind = min_d;
      //particles[i].maxd = max_d;
      //particles[i].gravdensity = gd;
      particles[i].xvelo += min(5,abs(ax))*(ax<0?-1:1);
      particles[i].yvelo += min(5,abs(ay))*(ay<0?-1:1);
      if (min_d < 0.5){
        particles[i].pluck();
      }
    }
    for (int i = 0; i < particles.length; i++){
      particles[i].x += particles[i].xvelo;
      particles[i].y += particles[i].yvelo;
      avgx += particles[i].x;
      avgy += particles[i].x;
    }
    avgx /= particles.length;
    avgy /= particles.length;
}
public void play(){
    interact();
    noStroke();
    fill(255);
    for (int i = 0; i < particles.length; i++){
      particles[i].play();
    }
}
}

// -------------------------

void setup(){
frameRate(100);
//smooth();
size(900,500);
ac = new AudioContext();
smap = new SonicMap();
ac.start();
//wav.start();
background(bg);
}

// -------------------------

void draw(){
fill(bg, 180);
rect(0, 0, width, height);
translate(width/2, height/2);
camx += (avgx - camx) * 0.1;
camy += (avgy - camy) * 0.1;
translate(camx, camy);
smap.play();
if (frameCount == 30*30){
     //wav.kill();
     //exit();
}
}

and this is moviemaker

import moviemaker.*;

MovieMaker mm;
float theta = 0;

void setup() {
size(200,200);
mm = new MovieMaker(this,width,height,"p5test.mov", MovieMaker.JPEG, MovieMaker.HIGH,30);
}

void draw() {
background(sin(theta)*127+127,255,cos(theta)*127+127);
theta += 0.05;
loadPixels();
mm.addFrame(pixels,width,height);
}

public void mousePressed() {
mm.finishMovie();
}

Replies(37)

cedrickie..

Re: How to record a Processing sketch into .mov/any format?

2 years ago

its actually pretty basic.

write
import moviemaker.*;
MovieMaker mm;

first.

put in setup.
mm = new MovieMaker(this,width,height,"p5test.mov", MovieMaker.JPEG, MovieMaker.HIGH,30);

add this to the end of your sketch
mm.addFrame(pixels,width,height);

and create a function that finishes the movie.
void mousePressed() {
mm.finishMovie();
}

kusoyarou

Re: Re: How to record a Processing sketch into .mov/any format?

2 years ago

I get the package "moviemaker" doesnt exist.

I have

processing-1.2.1\examples\Library\Video (MovieMaker)\DrawingMovie

How do I make processing find the moviemaker? I have the standrard setup of processing, didnt add or remove any packages.

here is the full code by the way:

import moviemaker.*; // MOVIEMAKER

import beads.*;
import java.io.File;
import java.io.IOException;
import javax.sound.sampled.*;
import org.tritonus.*;

MovieMaker mm; // MOVIEMAKER

int bg = 0;
AudioContext ac;
RecordToFile wav;
Clock clk;
int clockFreq = 500;
float G = 0.02;
SonicMap smap;
float avgx = 0;
float avgy = 0;
float camx = 0;
float camy = 0;

// -------------------------

class Particle {
   public float mass;
   public float x, y;
   public float mind, maxd, avgd;
   public float xvelo, yvelo;
   public float gravdensity = 0;
   public int mutefor;
   public int mutedur;
   private WavePlayer wp;
   public Particle(){
     mutefor = 0;
     mutedur = 40;
     mass = 1 + (float)Math.random()*3;
     xvelo = (float)(Math.random()-0.5)*1;
     yvelo = (float)(Math.random()-0.5)*1;
   }
   public void pluck(){
     if (mutefor <= 0){
       float vol = 0.04 + abs(xvelo*xvelo + yvelo*yvelo)/mass/5000;
       float freq = max(80, 150 + x);//log(Math.round((4.0-mass)*2)/2)*200;
       WavePlayer wp = new WavePlayer(ac, freq, Buffer.SINE);
       Gain g = new Gain(ac, 1, new Envelope(ac, vol));
       ((Envelope)g.getGainEnvelope()).addSegment(0, 2000, new KillTrigger(g)); //1000000/freq
       g.addInput(wp);
       ac.out.addInput(g);
       mutefor = mutedur;
     }
   }
   public void play(){
      if (mutefor > 0) mutefor--;
      this.draw();
   }
   private void draw(){
      if (mutefor > 0 && mass < 13){
        int beatage = mutedur - mutefor;
        float r = mass + 2 + beatage*beatage/30;
        strokeWeight(1);
        stroke(bg + max(0, 120 - beatage*2.5));
        noFill();
        ellipse(x, y, r, r);
      }
      noStroke();
      fill(min(170+mutefor*10, 255));
      float s = mass + mutefor/mass/3.0 + (float)Math.random()*abs(xvelo/2.0);
      if (mutefor <= 0) s /= 1.2;
      ellipse(x, y, s, s);
   }
}

// -------------------------

class SonicMap {
public Particle[] particles;
public OscillatorBank obank;
public SonicMap(){
    int population = 200;
    particles = new Particle[population];
    for (int i = 0; i < population; i++){
      particles[i] = new Particle();
      particles[i].x = (float)Math.random() * width - width/2;
      particles[i].y = ((float)Math.random() * height - height/2)*1.25;
    }
}
public void interact(){
    strokeWeight(0.25);
    stroke(bg+50);
    for (int i = 0; i < particles.length; i++){
      float ax = 0, ay = 0;
      float min_d = 9999;
      float max_d = 0;
      float avg_d = 0;
      float d0 = dist(particles[i].x, particles[i].y, 0, 0);
      float gd = 0;
      for (int j = 0; j < particles.length; j++){
        if (i == j) continue;
        float dx = particles[j].x - particles[i].x;
        float dy = particles[j].y - particles[i].y;
        float d = sqrt(dx*dx + dy*dy);
        float a = G * particles[j].mass / (d);
        //gd += particles[j].mass / (d);
        ax += dx / d * a;
        ay += dy / d * a;
        //avg_d += d;
        if (d < min_d) min_d = d;
        //if (d > max_d) max_d = d;
        if (d < 20){
          line(particles[i].x, particles[i].y, particles[j].x, particles[j].y);
        }
        // mouse gravity well
        if (mousePressed){
          float dm = dist(particles[i].x, particles[i].y, mouseX - width/2, mouseY - height/2);
          float dmx = mouseX - width/2 - particles[i].x;
          float dmy = mouseY - height/2 - particles[i].y;
          float am = G * (1) / dm;
          ax -= dmx / dm * am;
          ay -= dmy / dm * am;
        }
      }
      //particles[i].avgd = avg_d / particles.length;
      //particles[i].mind = min_d;
      //particles[i].maxd = max_d;
      //particles[i].gravdensity = gd;
      particles[i].xvelo += min(5,abs(ax))*(ax<0?-1:1);
      particles[i].yvelo += min(5,abs(ay))*(ay<0?-1:1);
      if (min_d < 0.5){
        particles[i].pluck();
      }
    }
    for (int i = 0; i < particles.length; i++){
      particles[i].x += particles[i].xvelo;
      particles[i].y += particles[i].yvelo;
      avgx += particles[i].x;
      avgy += particles[i].x;
    }
    avgx /= particles.length;
    avgy /= particles.length;
}
public void play(){
    interact();
    noStroke();
    fill(255);
    for (int i = 0; i < particles.length; i++){
      particles[i].play();
    }
}
}

// -------------------------

void setup(){

    mm = new MovieMaker(this,width,height,"p5test.mov", MovieMaker.JPEG, MovieMaker.HIGH,30); //MOVIEMAKER

frameRate(100);
//smooth();
size(1024,600);
ac = new AudioContext();
smap = new SonicMap();
ac.start();
//wav.start();
background(bg);
}

// -------------------------
   void mousePressed() {
mm.finishMovie();
}
void draw(){

fill(bg, 180);
rect(0, 0, width, height);
translate(width/2, height/2);
camx += (avgx - camx) * 0.1;
camy += (avgy - camy) * 0.1;
translate(camx, camy);
smap.play();

    mm.addFrame(pixels,width,height);

if (frameCount == 30*30){
     //wav.kill();
     //exit();
}

}

mattyr64

Re: How to record a Processing sketch into .mov/any format?

2 years ago

Re: How to record a Processing sketch into .mov/any format?

2 years ago

import processing.video.*; //MOVIEMAKER
import beads.*;
import java.io.File;
import java.io.IOException;
import javax.sound.sampled.*;
import org.tritonus.*;
MovieMaker mm; // MOVIEMAKER
int bg = 0;
AudioContext ac;
RecordToFile wav;
Clock clk;
int clockFreq = 500;
float G = 0.02;
SonicMap smap;
float avgx = 0;
float avgy = 0;
float camx = 0;
float camy = 0;
// -------------------------
class Particle {
public float mass;
public float x, y;
public float mind, maxd, avgd;
public float xvelo, yvelo;
public float gravdensity = 0;
public int mutefor;
public int mutedur;
private WavePlayer wp;
public Particle(){
mutefor = 0;
mutedur = 40;
mass = 1 + (float)Math.random()*3;
xvelo = (float)(Math.random()-0.5)*1;
yvelo = (float)(Math.random()-0.5)*1;
}
public void pluck(){
if (mutefor <= 0){
float vol = 0.04 + abs(xvelo*xvelo + yvelo*yvelo)/mass/5000;
float freq = max(80, 150 + x);//log(Math.round((4.0-mass)*2)/2)*200;
WavePlayer wp = new WavePlayer(ac, freq, Buffer.SINE);
Gain g = new Gain(ac, 1, new Envelope(ac, vol));
((Envelope)g.getGainEnvelope()).addSegment(0, 2000, new KillTrigger(g)); //1000000/freq
g.addInput(wp);
ac.out.addInput(g);
mutefor = mutedur;
}
}
public void play(){
if (mutefor > 0) mutefor--;
this.draw();
}
private void draw(){
if (mutefor > 0 && mass < 13){
int beatage = mutedur - mutefor;
float r = mass + 2 + beatage*beatage/30;
strokeWeight(1);
stroke(bg + max(0, 120 - beatage*2.5));
noFill();
ellipse(x, y, r, r);
}
noStroke();
fill(min(170+mutefor*10, 255));
float s = mass + mutefor/mass/3.0 + (float)Math.random()*abs(xvelo/2.0);
if (mutefor <= 0) s /= 1.2;
ellipse(x, y, s, s);
}
}
// -------------------------
class SonicMap {
public Particle[] particles;
public OscillatorBank obank;
public SonicMap(){
int population = 200;
particles = new Particle[population];
for (int i = 0; i < population; i++){
particles[i] = new Particle();
particles[i].x = (float)Math.random() * width - width/2;
particles[i].y = ((float)Math.random() * height - height/2)*1.25;
}
}
public void interact(){
strokeWeight(0.25);
stroke(bg+50);
for (int i = 0; i < particles.length; i++){
float ax = 0, ay = 0;
float min_d = 9999;
float max_d = 0;
float avg_d = 0;
float d0 = dist(particles[i].x, particles[i].y, 0, 0);
float gd = 0;
for (int j = 0; j < particles.length; j++){
if (i == j) continue;
float dx = particles[j].x - particles[i].x;
float dy = particles[j].y - particles[i].y;
float d = sqrt(dx*dx + dy*dy);
float a = G * particles[j].mass / (d);
//gd += particles[j].mass / (d);
ax += dx / d * a;
ay += dy / d * a;
//avg_d += d;
if (d < min_d) min_d = d;
//if (d > max_d) max_d = d;
if (d < 20){
line(particles[i].x, particles[i].y, particles[j].x, particles[j].y);
}
// mouse gravity well
if (mousePressed){
float dm = dist(particles[i].x, particles[i].y, mouseX - width/2, mouseY - height/2);
float dmx = mouseX - width/2 - particles[i].x;
float dmy = mouseY - height/2 - particles[i].y;
float am = G * (1) / dm;
ax -= dmx / dm * am;
ay -= dmy / dm * am;
}
}
//particles[i].avgd = avg_d / particles.length;
//particles[i].mind = min_d;
//particles[i].maxd = max_d;
//particles[i].gravdensity = gd;
particles[i].xvelo += min(5,abs(ax))*(ax<0?-1:1);
particles[i].yvelo += min(5,abs(ay))*(ay<0?-1:1);
if (min_d < 0.5){
particles[i].pluck();
}
}
for (int i = 0; i < particles.length; i++){
particles[i].x += particles[i].xvelo;
particles[i].y += particles[i].yvelo;
avgx += particles[i].x;
avgy += particles[i].x;
}
avgx /= particles.length;
avgy /= particles.length;
}
public void play(){
interact();
noStroke();
fill(255);
for (int i = 0; i < particles.length; i++){
particles[i].play();
}
}
}
// -------------------------
void setup(){
mm = new MovieMaker(this,width,height,"tomas.mov", MovieMaker.JPEG, MovieMaker.HIGH, 30); //MOVIEMAKER
frameRate(100);
//smooth();
size(1024,600);
ac = new AudioContext();
smap = new SonicMap();
ac.start();
//wav.start();
background(bg);
}
// -------------------------
void draw(){
fill(bg, 180);
rect(0, 0, width, height);
translate(width/2, height/2);
camx += (avgx - camx) * 0.1;
camy += (avgy - camy) * 0.1;
translate(camx, camy);
smap.play();
mm.addFrame(pixels,width,height);
if (frameCount == 30*30){
//wav.kill();
//exit();
}
}
void keyPressed() { //MOVIEMAKER
if (key == ' ') { //MOVIEMAKER
// Finish the movie if space bar is pressed //MOVIEMAKER
mm.finish(); //MOVIEMAKER
// Quit running the sketch once the file is written //MOVIEMAKER
exit(); //MOVIEMAKER
} //MOVIEMAKER
} //MOVIEMAKER

Seems to work but the output file tomas.mov doesnt exist anywhere after starting the code, pressing space to finish...? Its nowhere. Why? Sorry all silly questions... Thanks a lot!

PhiLho

Re: How to record a Processing sketch into .mov/any format?

2 years ago

It should be in the sketch folder. You can also specify an absolute path.

kusoyarou

Re: How to record a Processing sketch into .mov/any format?

2 years ago

It does create itself but its 0kb, and when i press space to finish the movie, it remains 0kb....

PhiLho

Re: How to record a Processing sketch into .mov/any format?

2 years ago

Where this finishMovie() comes from? It isn't documented and I don't see it in the source.
Idem for addFrame() with parameters. This one exists but isn't documented. The library ref. only shows addFrame() without parameter. The latter takes care of doing loadPixels(), which you don't do in your code. I suggest to just use the parameterless version, which does the same thing, but better!

kusoyarou

Re: How to record a Processing sketch into .mov/any format?

2 years ago

in other words how do i change the code? didnt understand what you wrote...finishMovie()? Where?

PhiLho

Re: How to record a Processing sketch into .mov/any format?

2 years ago

finishMovie was in your first message...
In short, just remove the parameters from addFrame().

kusoyarou

Re: How to record a Processing sketch into .mov/any format?

2 years ago

I did that, and here is the complete code:

import processing.video.*; //MOVIEMAKER
import beads.*;
import java.io.File;
import java.io.IOException;
import javax.sound.sampled.*;
import org.tritonus.*;
MovieMaker mm; // MOVIEMAKER
int bg = 0;
AudioContext ac;
RecordToFile wav;
Clock clk;
int clockFreq = 500;
float G = 0.02;
SonicMap smap;
float avgx = 0;
float avgy = 0;
float camx = 0;
float camy = 0;
// -------------------------
class Particle {
public float mass;
public float x, y;
public float mind, maxd, avgd;
public float xvelo, yvelo;
public float gravdensity = 0;
public int mutefor;
public int mutedur;
private WavePlayer wp;
public Particle(){
mutefor = 0;
mutedur = 40;
mass = 1 + (float)Math.random()*3;
xvelo = (float)(Math.random()-0.5)*1;
yvelo = (float)(Math.random()-0.5)*1;
}
public void pluck(){
if (mutefor <= 0){
float vol = 0.04 + abs(xvelo*xvelo + yvelo*yvelo)/mass/5000;
float freq = max(80, 150 + x);//log(Math.round((4.0-mass)*2)/2)*200;
WavePlayer wp = new WavePlayer(ac, freq, Buffer.SINE);
Gain g = new Gain(ac, 1, new Envelope(ac, vol));
((Envelope)g.getGainEnvelope()).addSegment(0, 2000, new KillTrigger(g)); //1000000/freq
g.addInput(wp);
ac.out.addInput(g);
mutefor = mutedur;
}
}
public void play(){
if (mutefor > 0) mutefor--;
this.draw();
}
private void draw(){
if (mutefor > 0 && mass < 13){
int beatage = mutedur - mutefor;
float r = mass + 2 + beatage*beatage/30;
strokeWeight(1);
stroke(bg + max(0, 120 - beatage*2.5));
noFill();
ellipse(x, y, r, r);
}
noStroke();
fill(min(170+mutefor*10, 255));
float s = mass + mutefor/mass/3.0 + (float)Math.random()*abs(xvelo/2.0);
if (mutefor <= 0) s /= 1.2;
ellipse(x, y, s, s);
}
}
// -------------------------
class SonicMap {
public Particle[] particles;
public OscillatorBank obank;
public SonicMap(){
int population = 200;
particles = new Particle[population];
for (int i = 0; i < population; i++){
particles[i] = new Particle();
particles[i].x = (float)Math.random() * width - width/2;
particles[i].y = ((float)Math.random() * height - height/2)*1.25;
}
}
public void interact(){
strokeWeight(0.25);
stroke(bg+50);
for (int i = 0; i < particles.length; i++){
float ax = 0, ay = 0;
float min_d = 9999;
float max_d = 0;
float avg_d = 0;
float d0 = dist(particles[i].x, particles[i].y, 0, 0);
float gd = 0;
for (int j = 0; j < particles.length; j++){
if (i == j) continue;
float dx = particles[j].x - particles[i].x;
float dy = particles[j].y - particles[i].y;
float d = sqrt(dx*dx + dy*dy);
float a = G * particles[j].mass / (d);
//gd += particles[j].mass / (d);
ax += dx / d * a;
ay += dy / d * a;
//avg_d += d;
if (d < min_d) min_d = d;
//if (d > max_d) max_d = d;
if (d < 20){
line(particles[i].x, particles[i].y, particles[j].x, particles[j].y);
}
// mouse gravity well
if (mousePressed){
float dm = dist(particles[i].x, particles[i].y, mouseX - width/2, mouseY - height/2);
float dmx = mouseX - width/2 - particles[i].x;
float dmy = mouseY - height/2 - particles[i].y;
float am = G * (1) / dm;
ax -= dmx / dm * am;
ay -= dmy / dm * am;
}
}
//particles[i].avgd = avg_d / particles.length;
//particles[i].mind = min_d;
//particles[i].maxd = max_d;
//particles[i].gravdensity = gd;
particles[i].xvelo += min(5,abs(ax))*(ax<0?-1:1);
particles[i].yvelo += min(5,abs(ay))*(ay<0?-1:1);
if (min_d < 0.5){
particles[i].pluck();
}
}
for (int i = 0; i < particles.length; i++){
particles[i].x += particles[i].xvelo;
particles[i].y += particles[i].yvelo;
avgx += particles[i].x;
avgy += particles[i].x;
}
avgx /= particles.length;
avgy /= particles.length;
}
public void play(){
interact();
noStroke();
fill(255);
for (int i = 0; i < particles.length; i++){
particles[i].play();
}
}
}
// -------------------------
void setup(){
mm = new MovieMaker(this,width,height,"c:/tomas.mov", JPEG, MovieMaker.HIGH, 30); //MOVIEMAKER
frameRate(100);
//smooth();
size(1024,600);
ac = new AudioContext();
smap = new SonicMap();
ac.start();
//wav.start();
background(bg);
}
// -------------------------
void draw(){
fill(bg, 180);
rect(0, 0, width, height);
translate(width/2, height/2);
camx += (avgx - camx) * 0.1;
camy += (avgy - camy) * 0.1;
translate(camx, camy);
smap.play();
mm.addFrame();
if (frameCount == 30*30){
//wav.kill();
//exit();
}
}
void keyPressed() { //MOVIEMAKER
if (key == ' ') { //MOVIEMAKER
// Finish the movie if space bar is pressed //MOVIEMAKER
mm.finish(); //MOVIEMAKER
// Quit running the sketch once the file is written //MOVIEMAKER
exit(); //MOVIEMAKER
} //MOVIEMAKER
} //MOVIEMAKER

still results in 0kb file output.. :/

PhiLho

Re: How to record a Processing sketch into .mov/any format?

2 years ago

Oh, I missed something important: don't forget one fundamental Processing rule, which shouldn't be ignored without good reason and knowledge: always, ever, put size() at the start of setup().
Your instantiation of MovieMaker just gets 0 to width and height parameters because the size isn't known at this point...

kusoyarou

Re: How to record a Processing sketch into .mov/any format?

2 years ago

I tried to remove it, and put it somewhere else but doesnt work :/

PhiLho

Re: How to record a Processing sketch into .mov/any format?

2 years ago

Remove what?
I just said to move the size() call to the start of the setup() declaration.

void setup(){
size(1024, 600);
mm = new MovieMaker(this,width,height,"c:/tomas.mov", JPEG, MovieMaker.HIGH, 30); //MOVIEMAKER
frameRate(100);
//smooth();
ac = new AudioContext();
smap = new SonicMap();
ac.start();
//wav.start();
background(bg);
}

kusoyarou

Re: How to record a Processing sketch into .mov/any format?

2 years ago

Did that, output file is still 0kb...

PhiLho

Re: How to record a Processing sketch into .mov/any format?

2 years ago

Ah, another thing, your constructor is very wrong. You use JPEG instead of MovieMaker.JPEG, and the frame rate parameter is wrongly located. It should be:

mm = new MovieMaker(this,width,height,"H:/Temp/tomas.mov", 30, MovieMaker.JPEG, MovieMaker.HIGH);

I managed to make your sketch to run after removing all extra library calls, and it made a valid small .mov file. I don't think you will get sound in the movie anyway.

kusoyarou

Re: How to record a Processing sketch into .mov/any format?

2 years ago

Thanks. Works fine!
Is it possible to record sound anyhow? General Processing question...

Thank you Phi anyway!

PhiLho

Re: How to record a Processing sketch into .mov/any format?

2 years ago

Record sound with movie: I saw this question a few times, I don't know if it have been answered satisfyingly.

kusoyarou

Re: Re: How to record a Processing sketch into .mov/any format?

2 years ago

seriously...if this isnt possible Processing is shit! Thats the whole point for me to create graphical installations in processing...to use sound in them!

cedrickie..

Re: How to record a Processing sketch into .mov/any format?

2 years ago

i would choose my words a bit more wisely. you cant record sound and movie in one file, but you can still record sound. so just record them into two files and use any video editor to put them together in the end. should be pretty easy.

kusoyarou

Re: How to record a Processing sketch into .mov/any format?

2 years ago

sorry...

just one problem...when the file is being renedered its played in slow motion....thats the problem...the sound will be unsynched...

PhiLho

Re: How to record a Processing sketch into .mov/any format?

2 years ago

Read again the answer by Cedric: if you record the sound separately, you can synch image and sound later, with a movie editor.

mattyr64

Re: How to record a Processing sketch into .mov/any format?

2 years ago

If you want to create graphical installations, why not just export the application, and run the apps in the installation?

If you need to document your work, video caps with sound for youtube etc, or if you need to have the installation running on a dvd player or similar, I would suggest using an external program to capture the video and sound together from the application window (there are various programs for windows/mac that do this).

If you insist on doing it within processing, like mentioned above the best method is to make one sketch that will capture the video, and make another that will do the sound separately. Doing them both together in one sketch will no doubt end in tears as like you said, rendering to the movie file always slows the sketch down.

kusoyarou

Re: How to record a Processing sketch into .mov/any format?

2 years ago

The video caption option isnt very good. It doesnt capture all frames and these programs are really suitable for camsex or whatever, not to record high framed lossless video, i think...maybe my HDD is slow though and causes this...

the other option is troublesome because even if you try to synch it later, its unsynched, and if i try to synch the sound, u need to stretch the sound which results in bad sound where the sounds are faster than u want, even though u dont do it with pitch change.

Anyway, IF there are any way of doing this in processing, capturing sound and graphics i would like to know....
if there is not...ill mail the developers and try to make them build in this function in moviemaker or anytinhg ^^

Thanks ppl !!!

mattyr64

Re: How to record a Processing sketch into .mov/any format?

2 years ago

Surely if you set the capture programs fps to the same fps as the processing sketch then it will capture all of the frames.

I do agree though, that it would be better if there was some built in way of capturing both simultaneously in one file. If I had any idea of how to do it, I would make a library to do exactly that. In the past, I've always had to capture video + audio separately and sync together afterwards.

PhiLho

Re: How to record a Processing sketch into .mov/any format?

2 years ago

" maybe my HDD is slow though and causes this"
Probably... You can try SSD drives (costly!) or perhaps, if you have lot of memory, in memory disk (ie. emulated disk).

" ill mail the developers and try to make them build in this function in moviemaker or anytinhg"
I guess that if they knew how to do it, they would have done it already...

ollena

Re: How to record a Processing sketch into .mov/any format?

1 year ago

Can you guys please advice if i can use the same technique for my scetch?
im trying to do the same thing you did here, but it doesnt work for me.
Can you please help?

/* OpenProcessing Tweak of *@*http://www.openprocessing.org/sketch/66366*@* */
/* !do not delete the line above, required for linking your tweak if you re-upload */
PImage img1;
PImage img2;
PImage img3;
//
int cellsize = 2; // Dimensions of each cell in the grid
int columns, rows; // Number of columns and rows in our system
//
color myColorWhite = color(255); // save white color
color myColorBlack = color(0); // save black color
void setup() {
size(725, 560, P3D);
img1 = loadImage("img1.png"); // Load the image
img2 = loadImage("img2.png"); // load it
img3 = loadImage("img3.png"); // load it
//
img1.loadPixels();
img2.loadPixels();
img3.loadPixels();
//
println("image data:");
print("img1: " + img1.width+ " x ");
println(img1.height);
print("img2: " + img2.width+ " x ");
println(img2.height);
print("img3: " + img3.width+ " x ");
println(img3.height);
//
columns = img1.width / cellsize; // Calculate # of columns
rows = img1.height / cellsize; // Calculate # of rows
// frameRate(1);
// noLoop();
} // func
void draw() {
background(0);
///
// Begin loop for columns
for ( int i = 0; i < columns; i++) {
// Begin loop for rows
for ( int j = 0; j < rows; j++) {
//
// do some calculations ************************
int x = i*cellsize + cellsize/2; // x position
int y = j*cellsize + cellsize/2; // y position
int loc = x + y*img1.width; // Pixel array location
color c = img1.pixels[loc]; // Grab the color
// Calculate a z position as a function of mouseX and pixel brightness (in img2)
float z = (mouseX / float(width)) * brightness(img2.pixels[loc]) - 20.0; // use it
//
// Draw the lines ****************************
// Grab the color & compare to white
if (img3.pixels[loc] == myColorWhite) {
// if white:
stroke(c); // set to white
// line (x + 200, y + 100, -20, x + 200, y + 100, 20 ); // draw a line
line (x + 200, y + 100, -20, x + 200, y + 100, z ); // draw a line
} // if
else if (img3.pixels[loc] == myColorBlack) {
// do nothing
}
else
{
// do nothing
}
//
// Draw the rects ****************************
// Translate to the location, set fill and stroke, and draw the rect
pushMatrix();
translate(x + 200, y + 100, z);
fill(c, 204);
noStroke();
rectMode(CENTER);
rect(0, 0, cellsize, cellsize);
popMatrix();
} // for
} // for
} // func draw
//

Chrisir

Re: How to record a Processing sketch into .mov/any format?

1 year ago

Hi!

I never did this...

According to the long discussion above seems not so easy.

Do you want to record a movie without sound or with sound?

movie without sound

you need to download a lib.

top line should read:

import processing.video.*;

in void setup()
mm = new MovieMaker(this,width,height,"test1.mov", 30, MovieMaker.JPEG, MovieMaker.HIGH);

have at the end of draw (after line 77, I guess)

mm.addFrame();

Could you do so and test and post it?

x

Chrisir

v.k.

Re: How to record a Processing sketch into .mov/any format?

1 year ago

I never recorded audio, so i don't know, but I have "recorded" video without movieMaker by saving frames individually with saveFrame() at the end of the draw. It takes some time and is not realtime, but as it saves every frame it should be consistent in fps when playing later. So maybe you can latter sync it with the sound recorded in other session/way without loosing sync...

ollena

Re: How to record a Processing sketch into .mov/any format?

1 year ago

Hi,

thanks a lot for your posts guys.
No, no sound is needed :)

I did what you suggested, Chrisir, thanks

the code doesn't work though :(

There is 'Cannot find anything named "mm" message and line 15 is highlited.
What do you think?

xxx

import processing.video.*; //MOVIEMAKER
/* OpenProcessing Tweak of *@*http://www.openprocessing.org/sketch/66366*@* */
/* !do not delete the line above, required for linking your tweak if you re-upload */
PImage img1;
PImage img2;
PImage img3;
//
int cellsize = 2; // Dimensions of each cell in the grid
int columns, rows; // Number of columns and rows in our system
//
color myColorWhite = color(255); // save white color
color myColorBlack = color(0); // save black color
void setup() {
size(725, 560, P3D);
mm = new MovieMaker(this,width,height,"test1.mov", 30, MovieMaker.JPEG, MovieMaker.HIGH);
img1 = loadImage("img1.png"); // Load the image
img2 = loadImage("img2.png"); // load it
img3 = loadImage("img3.png"); // load it
//
img1.loadPixels();
img2.loadPixels();
img3.loadPixels();
//
println("image data:");
print("img1: " + img1.width+ " x ");
println(img1.height);
print("img2: " + img2.width+ " x ");
println(img2.height);
print("img3: " + img3.width+ " x ");
println(img3.height);
//
columns = img1.width / cellsize; // Calculate # of columns
rows = img1.height / cellsize; // Calculate # of rows
// frameRate(1);
// noLoop();
} // func
void draw() {
background(0);
///
// Begin loop for columns
for ( int i = 0; i < columns; i++) {
// Begin loop for rows
for ( int j = 0; j < rows; j++) {
//
// do some calculations ************************
int x = i*cellsize + cellsize/2; // x position
int y = j*cellsize + cellsize/2; // y position
int loc = x + y*img1.width; // Pixel array location
color c = img1.pixels[loc]; // Grab the color
// Calculate a z position as a function of mouseX and pixel brightness (in img2)
float z = (mouseX / float(width)) * brightness(img2.pixels[loc]) - 20.0; // use it
//
// Draw the lines ****************************
// Grab the color & compare to white
if (img3.pixels[loc] == myColorWhite) {
// if white:
stroke(c); // set to white
// line (x + 200, y + 100, -20, x + 200, y + 100, 20 ); // draw a line
line (x + 200, y + 100, -20, x + 200, y + 100, z ); // draw a line
} // if
else if (img3.pixels[loc] == myColorBlack) {
// do nothing
}
else
{
// do nothing
}
//
// Draw the rects ****************************
// Translate to the location, set fill and stroke, and draw the rect
pushMatrix();
translate(x + 200, y + 100, z);
fill(c, 204);
noStroke();
rectMode(CENTER);
rect(0, 0, cellsize, cellsize);
popMatrix();
} // for
mm.addFrame();
} // for
} // func draw
//

Chrisir

Re: [WatchList] How to record a Processing sketch into .mov/any format?

1 year ago - via EMail-to-forum

Ups, you need to insert

MovieMaker mm;

in the line 7

xx

ollena

Re: How to record a Processing sketch into .mov/any format?

1 year ago

Wow!
It works now!

Bot what it does, instead of recording what's going on the sketch, it pays the beginning frame, the middle and the end, as the opening frames.
not just a smooth movement.
What do you think, is there any way to create like an accurate reflection of what's in the sketch window, like if you would record it with a camera for example?

Thanks for your help Chrisir!
xxx

import processing.video.*; //MOVIEMAKER
/* OpenProcessing Tweak of *@*http://www.openprocessing.org/sketch/66366*@* */
/* !do not delete the line above, required for linking your tweak if you re-upload */
PImage img1;
PImage img2;
PImage img3;
MovieMaker mm;
int cellsize = 2; // Dimensions of each cell in the grid
int columns, rows; // Number of columns and rows in our system
//
color myColorWhite = color(255); // save white color
color myColorBlack = color(0); // save black color
void setup() {
size(725, 560, P3D);
mm = new MovieMaker(this,width,height,"test1.mov", 30, MovieMaker.JPEG, MovieMaker.HIGH);
img1 = loadImage("img1.png"); // Load the image
img2 = loadImage("img2.png"); // load it
img3 = loadImage("img3.png"); // load it
//
img1.loadPixels();
img2.loadPixels();
img3.loadPixels();
//
println("image data:");
print("img1: " + img1.width+ " x ");
println(img1.height);
print("img2: " + img2.width+ " x ");
println(img2.height);
print("img3: " + img3.width+ " x ");
println(img3.height);
//
columns = img1.width / cellsize; // Calculate # of columns
rows = img1.height / cellsize; // Calculate # of rows
// frameRate(1);
// noLoop();
} // func
void draw() {
background(0);
///
// Begin loop for columns
for ( int i = 0; i < columns; i++) {
// Begin loop for rows
for ( int j = 0; j < rows; j++) {
//
// do some calculations ************************
int x = i*cellsize + cellsize/2; // x position
int y = j*cellsize + cellsize/2; // y position
int loc = x + y*img1.width; // Pixel array location
color c = img1.pixels[loc]; // Grab the color
// Calculate a z position as a function of mouseX and pixel brightness (in img2)
float z = (mouseX / float(width)) * brightness(img2.pixels[loc]) - 20.0; // use it
//
// Draw the lines ****************************
// Grab the color & compare to white
if (img3.pixels[loc] == myColorWhite) {
// if white:
stroke(c); // set to white
// line (x + 200, y + 100, -20, x + 200, y + 100, 20 ); // draw a line
line (x + 200, y + 100, -20, x + 200, y + 100, z ); // draw a line
} // if
else if (img3.pixels[loc] == myColorBlack) {
// do nothing
}
else
{
// do nothing
}
//
// Draw the rects ****************************
// Translate to the location, set fill and stroke, and draw the rect
pushMatrix();
translate(x + 200, y + 100, z);
fill(c, 204);
noStroke();
rectMode(CENTER);
rect(0, 0, cellsize, cellsize);
popMatrix();
} // for
mm.addFrame();
} // for
} // func draw
//

ollena

Re: How to record a Processing sketch into .mov/any format?

1 year ago

here are the screenshots of the video, so it's basically slideshow rather then a video.
any advice???
xxx

Chrisir

Re: [WatchList] How to record a Processing sketch into .mov/any format?

1 year ago - via EMail-to-forum

I think this is wrong:

See the line
mm.addframe();
at the very end?
Maybe have it a little more up to have it inside the for-loop

Chrisir

Re: How to record a Processing sketch into .mov/any format?

1 year ago

Maybe it's a speed problem

when the sketch is running too fast to store the frames of the movie...

did you try to reduce the frameerate to let's say 20 or 1 or so?

Or is my thinking wrong?

Good luck! Chrisir

ollena

Re: How to record a Processing sketch into .mov/any format?

1 year ago

I think, it just become too heavy to process, when I insert the code for the video recording,
the whole sketch runs slowlyer.
So I give up and I'm just recording screen where my original sketch is running, then it's an exact replica :)
Thanks for your help anyway xxx

Chrisir

AW: [WatchList] How to record a Processing sketch into .mov/any format?

1 year ago - via EMail-to-forum

hi,

I made some short movies in the past.
I saved the images via saveframe

// Saves each frame as screen-0000.tif, screen-0001.tif, etc.
saveFrame();

see
http://www.processing.org/reference/saveFrame_.html

I had then thousands of images in my folder.

Then you can make a avi-file or so from them with a program
such as VirtualDub

Greetings, Chrisir ;-)

nufars

Re: AW: [WatchList] How to record a Processing sketch into .mov/any format?

8 months ago

Hey.

First of all, good job on this thread, there are some really good tips here.

I'm facing a problem similar to these but with some more dificulties. I'm capturing a movie from a camera to the sketch and showing it with some other elements (images, other videos, etc.) and I want to record the whole thing, with audio(!) BUT without a few elements (let's say a menu).

So, is there a way to read the pixels but not of the whole scene? (I'm guessing I should put the reading before drawing the unwanted elements, not sure if this will work) and the whole idea is recording everything live (it is a live stream from a camera) so I can't record sound seperatly.

Is any of this possible on Processing?

Thanks a lot,

Nofar

Top Reply

Replies(37)

Statistics

Tags

Actions

Related Posts