Interactive Video - Record portion of video and load it in the same program

Core Library Questions

antpgomes

Interactive Video - Record portion of video and load it in the same program

in Core Library Questions • 2 years ago

hey guys, i wonder if anyone can help me. I'm trying to help my girlfriend with a project but i'm not a programmer (never studied much nor had classes on the subject). Basically she was trying to record a portion of video from someone standing in front of a webcam (while mousepressed, and masked with a circle, and afterwards, load it to the right side of the screen where the balls are...is it possible to do in processing? There's an image of what i accomplished so far:

import processing.video.*;
Capture cam;
MovieMaker writer;
char w = 'w';
int v = 0;
int counter = 0;
int circleSize = 100;
int shrinkOrGrow = 1;
int mode = 0;
int numBalls = 7;
float spring = 0.05;
float gravity = 0.8;
float friction = -0.02;
Ball[] balls = new Ball[numBalls];
void setup()
{
size(1300, 500);
frameRate(50);
background(255);
noStroke();
cam = new Capture(this, 640, 480);//for cam image position
writer = new MovieMaker( this, width, height, "data/" + w + v + ".mov", 30,
MovieMaker.H263, MovieMaker.WORST );
for (int i = 0; i < numBalls; i++) {
balls[i] = new Ball(random(width), random(height), random(100, 20), i, balls);
}
}
void captureEvent( Capture cam ) {
cam.read();
}
void movieEvent( Movie m ) {
m.read();
}
void draw() {
image( cam, 5,10 );
println( counter );
counter++;
writer.addFrame();
if (mode == 1)
{
making();
}
else if (mode == 2)
{
collecting();
}
//background(255);
if (cam.available() == true) {
cam.read();
image(cam, 5, 10);
} //for cam image position
if (mousePressed == true)
{
mode = 1;
}
fill(130,155,240,200);
rect(650,0,650,500);
for (int i = 0; i < numBalls; i++) {
balls[i].collide();
balls[i].move();
balls[i].display();
}
if (mode == 1)
{
making();
}
else if (mode == 2)
{
collecting();
}
if (mousePressed == true)
{
mode = 1;
}
}
void mouseReleased()
{
mode =2;
}
void making()
{ ellipseMode(CENTER);
noStroke();
fill(130,155,240,200);
smooth();
if (circleSize > 290) {
shrinkOrGrow = 0;
println("circlesize: " + circleSize);
println("shrinkorgrow " + shrinkOrGrow);
} else if (circleSize < 50) {
shrinkOrGrow = 1;
println("circlesize: " + circleSize);
println("shrinkorgrow " + shrinkOrGrow);
}
if (shrinkOrGrow == 1) {
circleSize += 1;
} else if (shrinkOrGrow == 0) {
circleSize -= 1;
}
ellipse(width/6, height/2, circleSize, circleSize);
}
void collecting()
{
//stop making circle and move it to the bottom
}
class Ball {
float x, y;
float diameter;
float vx = 0;
float vy = 0;
int id;
Ball[] others;
Ball(float xin, float yin, float din, int idin, Ball[] oin) {
x = xin;
y = yin;
diameter = din;
id = idin;
others = oin;
}
void collide() {
for (int i = id + 1; i < numBalls; i++) {
float dx = others[i].x - x;
float dy = others[i].y - y;
float distance = sqrt(dx*dx + dy*dy);
float minDist = others[i].diameter/2 + diameter/2;
if (distance < minDist) {
float angle = atan2(dy, dx);
float targetX = x + cos(angle) * minDist;
float targetY = y + sin(angle) * minDist;
float ax = (targetX - others[i].x) * spring;
float ay = (targetY - others[i].y) * spring;
vx -= ax;
vy -= ay;
others[i].vx += ax;
others[i].vy += ay;
}
}
}
void move() {
vy += gravity;
x += vx;
y += vy;
if (x + diameter/2 > width) {
x = width - diameter/2;
vx *= friction;
}
else if (x - diameter/2 < 0) {
x = diameter/2;
vx *= friction;
}
if (y + diameter/2 > height) {
y = height - diameter/2;
vy *= friction;
}
else if (y - diameter/2 < 0) {
y = diameter/2;
vy *= friction;
}
}
void display() {
fill(255,200);
//stroke(0);
float mx = constrain(x, 850, 1220);
float my = constrain(y, 20, 420);
ellipse(mx, my, diameter, diameter);
}

I managed to record video, but from the moment when I start the application until i close it...not until i keep pressing the mouse....i also need to prevent overlapping from the balls...i have no idea how :X

Thank you for any help you can give me!!!

Replies(4)

antpgomes

Re: Interactive Video - Record portion of video and load it in the same program

2 years ago

anyone guys? really stuck here...and I'm not even sure if it's possible! in separa-te programs, i'm able to record, and i'm able to have some random balls moving and colliding but mixing is not easy :X

Jesse Sco..

Re: Interactive Video - Record portion of video and load it in the same program

2 years ago

Sorry, you want to load the video you have just created?

This should be possible... (though I have no experience in trying to do this, and could be wrong)

You need to do a couple of things:

1) Take your Mode 1/2 conditional out of draw and put them inside void mousePressed() -and void mouseReleased() functions, so that they are only called once.

2) make mode = 1 in mousePressed() and mode = 2 in mouseReleased()

3) Take your counter++ out of draw() and put it inside mousePressed()

4) Take your writer = new MovieMaker() out of setup and put it inside of mousePressed()

5) Use your counter integer to name your movies

6) call writer.finish() and exit() -- as in the example sketch -- in mouseReleased()

7) You should now be able to load the most recent movie (make sure that you do this after mouseReleased() is called, so that it has had time to finish saving ...

Hope that makes sense... (and hope i'm right - this is all off the top of my head

)

antpgomes

Re: Re: Interactive Video - Record portion of video and load it in the same program

2 years ago

Hi Jesse,

First of all, thank you for taking the time to help me out!

I tried your suggestions but i seem to be having a problem with writter.addFrame(), I tried inside setup, draw....but I keep having animation error or nullpointer exception...any thoughts? Most likely I did something wrong :D

import processing.video.*;
Capture cam;
MovieMaker writer;
char w = 'w';
int counter = 0;
int circleSize = 100;
int shrinkOrGrow = 1;
int mode = 0;
int numBalls = 7;
float spring = 0.05;
float gravity = 0.8;
float friction = -0.02;
Ball[] balls = new Ball[numBalls];
void setup()
{
size(1300, 500);
frameRate(50);
background(255);
noStroke();
cam = new Capture(this, 640, 480);//for cam image position
for (int i = 0; i < numBalls; i++) {
balls[i] = new Ball(random(width), random(height), random(100, 20), i, balls);
}
}
void captureEvent( Capture cam ) {
cam.read();
}
void movieEvent( Movie m ) {
m.read();
}
void draw() {
image( cam, 5,10 );
println( counter );
if (cam.available() == true) {
cam.read();
image(cam, 5, 10);
} //for cam image position
fill(130,155,240,200);
rect(650,0,650,500);
for (int i = 0; i < numBalls; i++) {
balls[i].collide();
balls[i].move();
balls[i].display();
}
writer.addFrame();
}
void mousePressed()
{
if (mousePressed == true)
{
mode = 1;
}
if (mode == 1){
making();
}
else if (mode == 2){
collecting();
}
counter++;
writer = new MovieMaker( this, width, height, "data/" + w + counter + ".mov", 30,
MovieMaker.H263, MovieMaker.WORST );
writer.addFrame();
}
void mouseReleased()
{
mode =2;
writer.finish();
exit();
}

antpgomes

Re: Interactive Video - Record portion of video and load it in the same program

2 years ago

Hi again guys....so, we've been working on my code but no success....i've looked over it over and over but i can't even get the image to show up...any idea? if i use this code, part of it works except for collisions and i still have no idea how to load it to the other screen :X

import processing.video.*;
Capture cam;
MovieMaker writer;
char w = 'w';
int v = 0;
int counter = 0;
int circleSize = 100;
int shrinkOrGrow = 1;
int mode = 0;
int numBalls = 7;
float spring = 0.05;
float gravity = 0.03;
float friction = -0.9;
Ball[] balls = new Ball[numBalls];
void setup()
{
size(1280,480);
frameRate(50);
background(255);
noStroke();
cam = new Capture(this, 640, 480);//for cam image position
writer = new MovieMaker( this, width, height, "data/" + w + v + ".mov", 30,
MovieMaker.H263, MovieMaker.WORST );
smooth();
for (int i = 0; i < numBalls; i++) {
balls[i] = new Ball(random(width), random(height), random(80, 120), i, balls);
}
}
void captureEvent( Capture cam ) {
cam.read();
}
void movieEvent( Movie m ) {
m.read();
}
void draw() {
image( cam, 5,10 );
println( counter );
counter++;
writer.addFrame();
if (mode == 1)
{
making();
}
else if (mode == 2)
{
collecting();
}
if (cam.available() == true) {
cam.read();
image(cam, 5, 10);
} //for cam image position
if (mousePressed == true)
{
mode = 1;
}
fill(130,155,240,200);
rect(650,0,650,500);
//background(0);
for (int i = 0; i < numBalls; i++) {
balls[i].collide();
balls[i].move();
balls[i].display();
}
if (mode == 1)
{
making();
}
else if (mode == 2)
{
collecting();
}
if (mousePressed == true)
{
mode = 1;
}
}
void mouseReleased()
{
mode =2;
}
void making()
{ ellipseMode(CENTER);
noStroke();
fill(130,155,240,200);
smooth();
if (circleSize > 290) {
shrinkOrGrow = 0;
println("circlesize: " + circleSize);
println("shrinkorgrow " + shrinkOrGrow);
} else if (circleSize < 50) {
shrinkOrGrow = 1;
println("circlesize: " + circleSize);
println("shrinkorgrow " + shrinkOrGrow);
}
if (shrinkOrGrow == 1) {
circleSize += 1;
} else if (shrinkOrGrow == 0) {
circleSize -= 1;
}
ellipse(width/6, height/2, circleSize, circleSize);
}
void collecting()
{
//stop making circle and move it to the bottom
}
class Ball {
float x, y;
float diameter;
float vx = 0;
float vy = 0;
int id;
Ball[] others;
Ball(float xin, float yin, float din, int idin, Ball[] oin) {
x = xin;
y = yin;
diameter = din;
id = idin;
others = oin;
}
void collide() {
for (int i = id + 1; i < numBalls; i++) {
float dx = others[i].x - x;
float dy = others[i].y - y;
float distance = sqrt(dx*dx + dy*dy);
float minDist = others[i].diameter/2 + diameter/2;
if (distance < minDist) {
float angle = atan2(dy, dx);
float targetX = x + cos(angle) * minDist;
float targetY = y + sin(angle) * minDist;
float ax = (targetX - others[i].x) * spring;
float ay = (targetY - others[i].y) * spring;
vx -= ax;
vy -= ay;
others[i].vx += ax;
others[i].vy += ay;
}
}
}
void move() {
vy += gravity;
x += vx;
y += vy;
if (x + diameter/2 > width) {
x = width - diameter/2;
vx *= friction;
}
else if (x - diameter/2 < 0) {
x = diameter/2;
vx *= friction;
}
if (y + diameter/2 > height) {
y = height - diameter/2;
vy *= friction;
}
else if (y - diameter/2 < 0) {
y = diameter/2;
vy *= friction;
}
}
void display() {
fill(255,204);
//stroke(0);
float mx = constrain(x, 700, 1220);
float my = constrain(y, 20, 460);
ellipse(mx, my, diameter, diameter);
}
}

Top Reply