These are being used for a light visualisation so need to be played for around 10 hours, no problems! I have a collection of videos that can be overlaid to achieve different effects so I'm hoping to find a better codec but cannot find any information online.

I'm going to try an uncompressed format but any experience or advice would be great as there is a lot of trial and error (and waiting for renders) ahead!

Cheers Rich

I want to obtain 720p images at 60fps. I couldn't obtain 720p images with C922 though Capture.list() detected 1280x720 and 60fps. https://forum.processing.org/two/discussion/23752/capture-video-at-720p-and-60fps-with-c922#latest

Furthermore, I read this thread and found that I couldn't obtain probably 720p at 60 fps because the format of C922 capturing 720p and 60fps was MPEG. https://forum.processing.org/two/discussion/23692/camera-capture-not-working-with-mpeg-streams#latest

So, and then, I tried to get 720p at 60fps with RealSense SR300 with the same source code used in my aforementioned post. However, in this case, Capture.list() couldn't detect 1280x720 and 60fps although SR300 could capture the resolution and frame rate with other application, and the format was YUY2. FYI, I could capture images at 960x540 and 60fps which Capture.list() detected.

Why cannot Capture.list() detect size=1280x720 and fps=60? Please tell me what to do.

Best regards, gellpro

I'm using the video library to loop a video. The video is playing well, but I'm having this error :

2017-08-01 14:22:45.855 java[1431:871990] 14:22:45.855 WARNING: 140: This application, or a library it uses, is using the deprecated Carbon Component Manager for hosting Audio Units. Support for this will be removed in a future release.

Also, this makes the host incompatible with version 3 audio units. Please transition to the API's in AudioComponent.h.

Thanks, Ali

This library seems to be the thing:

https://github.com/omerjerk/processing-video-android

But it hasn't been maintained since 2015. Attempted to use it and having difficulty getting Processing IDE to see it as a library. (so maybe someone knows how to do that? I'm a newbie to Android mode).

Also, confusingly, in Android mode (4.x pre-release) when adding libraries via the "Sketch" dropdown menu there are two "native" options the "vr" lib, which is for Cardboard support (and works great!) and the other is "video" suggesting there is now a native video lib for Android mode.

Any help would be greatly appreciated.

https://github.com/hamoid/Fun-Programming/tree/master/processing/ideas/2015/01/streamToFFMPEG

It allows you to build a video by adding frames one by one. No need to save all frames first and then merge them into a video. It uses ffmpeg and pipes. In this demo, you can hold the mouse down to record. You don't need to record everything as one long segment: you can observe and when you see something interesting happening, hold down record (ok, I have to admit you won't see much exciting happening in this demo :-).

It will have to be adapted to Windows and OS X, and it should be configurable (bitrate, video format, etc).

But maybe it can be useful to someone already.

The Movie object works fine if I use Processing IDE but I can't get it working with eclipse, and I really don't know what I can do...

I copy/paste the jars & dll-folders in my project. I added them to the build path using the button "add jars" and targetting the jars located in my project

But it doesn't work, don't know why...

Here is a screen capture with my file-structure and the error message.

I already searched on the internet for a solution. I found a lot of people who had issues with Movie & Eclipse but nobody had exactly my error-message and I didn't find any solution yet...

Thank you !

(I'm using Windows 7 64bits)

For this project, I have Processing create two windows. In one window, it searches all the colors found in a webcam display for certain colors.

Based on whether it finds the specific colors, different videos will play in the second window. (For instance, if the webcam sees the color red, the video Rune1 will play in the second window).

Now I've gotten the code to work before, but it just layers the videos on top of one another. What I want is to try to have the videos switch out instead (One video stops playing when another starts). I've tried some code I found in the forums, but I'm such a newbie and my code is so convoluted that I can't get it to work. Would anyone be willing to take a look at this mess?

Code:

import java.util.HashMap; 
import java.util.ArrayList; 
import java.io.File; 
import java.io.BufferedReader; 
import java.io.PrintWriter; 
import java.io.InputStream; 
import java.io.OutputStream; 
import java.io.IOException; 
import processing.core.*; 
import processing.data.*; 
import processing.event.*; 
import processing.opengl.*; 


import javax.swing.*; 
SecondApplet s;


import processing.video.*;


int VideoPlaying;

boolean Vid1 = false;
boolean Vid2 = false;


Movie Rune1;
Movie Rune2;

Capture video;

// Colors being tracked
color trackColor2 = color (136,33,27);
color trackColor3 = color (55,68,100);
  float worldRecord1 = 500;
  float worldRecord2 = 500;
  float worldRecord3 = 500;
  float worldRecord4 = 500;
  float worldRecord5 = 500;
  float worldRecord6 = 500;

public void setup() {

       Rune1 = new Movie (this, "C:/Users/I/Desktop/WORKING3/data/Video1.avi");
       Rune2 = new Movie (this, "C:/Users/I/Desktop/WORKING3/data/Video2.avi");



  frameRate (200);
  size(1280, 720);


  PFrame f = new PFrame(width, height);
  frame.setTitle("first window");
  f.setTitle("second window");


//Changes WebCam source


  video = new Capture(this, "name=Logitech HD Webcam C615,size=1280x720,fps=30");


 video.start(); 
trackColor2 = color (136,33,27);
trackColor3 = color (39,123,165);
 smooth();
}
public void draw() {


 if (video.available()) {
   video.read();
}
 video.loadPixels();
 image(video,0,0);


float worldRecord0 = 500;

 int closestX = 0;
 int closestY = 0;

 for (int x = 0; x < video.width; x ++ ) {
   for (int y = 0; y < video.height; y ++ ) {
     int loc = x + y*video.width;
     // What is current color
     color currentColor = video.pixels[loc];
      float r1 = red(currentColor);
      float g1 = green(currentColor);
      float b1 = blue(currentColor);


      float r3 = red(trackColor2);
      float g3 = green(trackColor2);
      float b3 = blue(trackColor2);

      float r4 = red(trackColor3);
      float g4 = green(trackColor3);
      float b4 = blue(trackColor3);    


     float d2 = dist(r1,g1,b1,r3,g3,b3); 

     float d3 = dist(r1,g1,b1,r4,g4,b4);

     if (d2 < worldRecord1) {
        worldRecord1 = d2;
      }

     if (d3 < worldRecord2) {
        worldRecord2 = d3;
      }

   }
 }

}

public class PFrame extends JFrame {
  public PFrame(int width, int height) {
    setBounds(100, 100, width, height);
    s = new SecondApplet();
    add(s);
    s.init();
    show();
  }
}
public class SecondApplet extends PApplet {
  int ghostX, ghostY;

  public void setup() {

    background(0);
    noStroke();
  }

  public void draw() {

   toggle();
  if (Vid1) {

    println("Rune1");
    Rune2.stop();
    background(0);
    Rune1.play();
    background(0);
    image(Rune1, 0, 0, width, height);
  }

  if (Vid2) {
    println("Rune2");
    Rune1.stop();
    background(0);
    Rune2.play();
    image(Rune2, 0, 0, width, height);
  }

}
void movieEvent(Movie m) { 
  m.read();
} 


     if (worldRecord1 < 50) {

     VideoPlaying = 1 ;
     println(VideoPlaying); 
     }


           if (worldRecord2 < 50) { 
            VideoPlaying = 2 ;
              println(VideoPlaying);
              }

  }
  }
}

void movieEvent(Movie m) {
  m.read();
}


void toggle() {

  if (VideoPlaying == 1) {
    Vid1 = true;
    Vid2 = false;

  }

  if (VideoPlaying == 2) {
    Vid1 = false;
    Vid2 = true;

  }

  }

I've tried putting framerate up and down but it didn't solve the issue. I'm new to processing and I have no clue what causes the issue.

I'm using the example app "loop" from the video library. You can reproduce the issue by exchanging size() with fullScreen().

Does anyone encounter the same issues and can help me?

static final String FILE = "video", EXT = ".mov";
static final String RENDERER = JAVA2D;
static final int FPS = 30;
Movie vid;

import processing.video.*;


void settings() {

  size(1920, 1080, RENDERER);
  noSmooth();
}

void setup() {
  frameRate(FPS);
  println(width, height);
  vid = new Movie(this, FILE + EXT);
  vid.loop();
}

void draw() {
  image(vid, 0, 0);
}

void movieEvent(Movie m) {
  m.read();
}

I have also tried using frame images and playing them one at a time, this works well for a 128 frame video but not for a 1800 frame video

static final String FILE = "videoFrame-", EXT = ".png";
static final String RENDERER = JAVA2D;
static final int FPS = 30;
PImage[] fireworx = new PImage[128];
int currentImage = 0;


void settings() {
  size(1920, 1080, RENDERER);
  fullScreen(RENDERER);
  noSmooth();
  for(int i=0;i<=127;i++){
    fireworx[i] = loadImage(FILE + i + EXT );
  }
}

void setup() {
  frameRate(FPS);
  println(width, height);
}

void draw() {
  image(fireworx[currentImage], 0, 0);
  if(currentImage < 127){
    currentImage++;
  }else{
    currentImage = 0;
  }
}

Any advice on looping video seamlessly with Processing is super welcome! Also if I am just barking up the wrong solution tree let me know! Again thanks for any help!

hardware:pcduinio (as Raspberry B)

ubuntu 12.04 arm-jdk 7 oracle-java

when Run processing example: Libraries->video->GettingStartedCapture.pde

//******************
import processing.video.*;

Capture cam;

void setup() {
  size(640, 480);

  String[] cameras = Capture.list();

//error message:
//alert message:
//-no class def found error:could not
  initialize class com.sun.jna.Native

but other processing demo is OK (no include video libraries)

how to fix it? thanks.

If I try the example sketches for Movie and Capture they don't work.

Capture complains on Capture.list() with IllegalArgumentException: No such Gstreamer factory: v4l2src. gstreamer seems to be installed.

If I run fswebcam on the command line (a webcam capture command line program) it works fine:

--- Opening /dev/video0...
Trying source module v4l2...
/dev/video0 opened.
No input was specified, using the first.
--- Capturing frame...
Captured frame in 0.00 seconds.
--- Processing captured image...

The Movie loop example does nothing. No error, just black screen. I also tried with .mp4 instead of .mov, which didn't help. I can play video fine on web pages and in VLC.

I'm on 64bit ArchLinux. Other Processing features work fine (2D and 3D graphics for instance).

Any suggestions?

        /*
        Copyright (C) 2014  Thomas Sanchez Lengeling.
         KinectPV2, Kinect for Windows v2 library for processing
        */

        import java.nio.FloatBuffer;

        import KinectPV2.*;
        import javax.media.opengl.GL2;

        private KinectPV2 kinect;

        float a = 0;
        int zval = 50;
        float scaleVal = 260;

        //Distance Threashold
        float maxD = 4.0f; //meters
        float minD = 1.0f;

        public void setup() {
          size(1366, 768, P3D);

          kinect = new KinectPV2(this);
          kinect.enableDepthImg(true);
          kinect.enablePointCloud(true);
          kinect.activateRawDepth(true);

          kinect.setLowThresholdPC(minD);
          kinect.setHighThresholdPC(maxD);

          kinect.init();
        }

        public void draw() {
          background(0);

          //image(kinect.getDepthImage(), 0, 0, 320, 240);

          //Threahold of the point Cloud.
          kinect.setLowThresholdPC(minD);
          kinect.setHighThresholdPC(maxD);

          FloatBuffer pointCloudBuffer = kinect.getPointCloudDepthPos();

          PJOGL pgl = (PJOGL)beginPGL();
          GL2 gl2 = pgl.gl.getGL2();

          gl2.glEnable( GL2.GL_BLEND );
          gl2.glEnable(GL2.GL_POINT_SMOOTH);      

          gl2.glEnableClientState(GL2.GL_VERTEX_ARRAY);
          gl2.glVertexPointer(3, GL2.GL_FLOAT, 0, pointCloudBuffer);

          gl2.glTranslatef(width/2, height/2, zval);
          gl2.glScalef(scaleVal, -1*scaleVal, scaleVal);
          gl2.glRotatef(a, 0.0f, 1.0f, 0.0f);

          gl2.glDrawArrays(GL2.GL_POINTS, 0, kinect.WIDTHDepth * kinect.HEIGHTDepth);
          gl2.glDisableClientState(GL2.GL_VERTEX_ARRAY);
          gl2.glDisable(GL2.GL_BLEND);
          endPGL();

          stroke(255, 0, 0);
          text(frameRate, 50, height- 50);
        }

        public void mousePressed() {

          println(frameRate);
         // saveFrame();
        }

        public void keyPressed() {
          if (key == 'a') {
            zval +=1;
            println(zval);
          }
          if (key == 's') {
            zval -= 1;
            println(zval);
          }

          if (key == 'z') {
            scaleVal += 0.1;
            println(scaleVal);
          }
          if (key == 'x') {
            scaleVal -= 0.1;
            println(scaleVal);
          }

          if (key == 'q') {
            a += 1;
            println(a);
          }
          if (key == 'w') {
            a -= 1;
            println(a);
          }

          if (key == '1') {
            minD += 0.01;
            println("Change min: "+minD);
          }

          if (key == '2') {
            minD -= 0.01;
            println("Change min: "+minD);
          }

          if (key == '3') {
            maxD += 0.01;
            println("Change max: "+maxD);
          }

          if (key == '4') {
            maxD -= 0.01;
            println("Change max: "+maxD);
          }

          if (key == '2') {
            minD -= 0.01;
            println("Change min: "+minD);
          }

          if (key == '3') {
            maxD += 0.01;
            println("Change max: "+maxD);
          }

          if (key == '4') {
            maxD -= 0.01;
            println("Change max: "+maxD);
          }
        }

I have a little colortracking game, which includes a webcam. My only problem now is that the video is not flipping as it should be. I really tried out all the code examples here in this forum but nothing worked! Sometimes it did flip the video correctly but then I wasn't able to track the color anymore... really don't know why.

So, first things first, here is my code:

import processing.video.*;
Capture webcam;

color trackColor;
float trackR;
float trackG;
float trackB;
int topLeftX;
int topLeftY;
int bottomRightX;
int bottomRightY;
int maxColorDifference;

//CHERRY
PImage cherryPic;
Cherry[] cherry;
int count = 5;
int speed = 1;
int cherryX = -40;
int cherryY = -40;
int score = 0;
boolean caught;
boolean gameOver;

//basket
PImage basketPic;
int basketWidth = 103;
int basketHeight = 82;

//screen states
final int INACTIVE = 0;
final int ACTIVE = 1;
int state = INACTIVE;

void setup()
{
  size( 640, 480 );
  webcam = new Capture( this, width, height );

  trackColor = color( 255, 128, 64 );
  trackR = red(trackColor); //(trackColor >> 16) & 0xff;
  trackG = green(trackColor); //(trackColor >> 8) & 0xff;
  trackB = blue(trackColor); //trackColor & 0xff;
  maxColorDifference = 40;
  topLeftX = width;
  topLeftY = height;
  bottomRightX = 0;
  bottomRightY = 0;

  //CHERRY
  cherryPic = loadImage("cherry.png");
  cherry = new Cherry[count];

  for (int i=0; i<count; i++) {
    cherry[i]=new Cherry(cherryPic, cherryX, cherryY);
  }

  //BASKET
  basketPic = loadImage("basket.png");

  webcam.start();
}

void draw()
{

  //WEBCAM
  if ( webcam.available() ) {

    webcam.read();

    image( webcam, 0, 0 );    

    loadPixels();

    int counter = 0;
    for ( int j = 0; j < webcam.height; j++ ) {
      for ( int i = 0; i < webcam.width; i++ ) {        

        color c = webcam.pixels[counter];
        float r = red(c);
        float g = green(c);
        float b = blue(c);
        float colorDifference = dist( r, g, b, trackR, trackG, trackB );
        if ( colorDifference < maxColorDifference ) {
          if ( i < topLeftX ) {
            topLeftX = i;
          }
          if ( j < topLeftY ) {
            topLeftY = j;
          }
          if ( i > bottomRightX ) {
            bottomRightX = i;
          }
          if ( j > bottomRightY ) {
            bottomRightY = j;
          }
        }
        counter++;
      }
    }

    updatePixels();

    //show basket
    image(basketPic, topLeftX, topLeftY);

    //CHERRIES
    for (int i = 0; i<count; i++) {
      cherry[i].drawCherry();
    }  

    //start game with click on cherry
    if (state == INACTIVE) {     
      fill(255);
      textSize(48);
      text("Catch It", 240, 100);

      String text = "Click Your Tracking Point To Start";
      textSize(25);
      text(text, 120, 140);
    }
    //if state == ACTIVE
    else {

      caught = false;
      gameOver = false;

      for (int i=0; i<count; i++ ) {
        cherry[i].speedItUp(speed);
        if (cherry[i].caught(topLeftX, topLeftY, basketWidth, basketHeight)) {
          caught = true;
          break;    //if one cherry is caugt, end if
        }

        if (cherry[i].posY > height) {
          gameOver = true;
        }
      }

      if (caught) {
        score+=10;
      }

      //show score
      textSize(18);
      text("Score: " + score, 15, 460);

      //increase speed when score > 100
      if (score == 100) {
        speed++;
      }

      println(score + " speed " + speed);
    }
  }


  //increase speed after 15 seconds
  int sec = second();
  if (sec == 40) {
    speed++;
    println(sec + "speed " + speed);
  }


  //"Game Over" Screen at negative points
  if (gameOver) {
    background(0);
    textSize(90);    
    text("GAME OVER", 70, 200);

    textSize(35);
    text("Your Score: " + score, 200, 270);

    //textSize(20);
    //text("Press ENTER To Start A New Game", 160, 380);
  }

  // reset tracking points
  topLeftX = width;
  topLeftY = height;
  bottomRightX = 0;
  bottomRightY = 0;
}


void mousePressed()
{
  if (state == INACTIVE) {

    trackColor = webcam.get( mouseX, mouseY );
    trackR = red(trackColor);
    trackG = green(trackColor);
    trackB = blue(trackColor);

    state = ACTIVE;

    for (int i=0; i<count; i++ ) {
      cherry[i].setCord();
    }
  }
}

//Enter-Taste bewirkt Neustart nur bei Game Over oder bei gewonnenem Spiel
/*void keyPressed()
 {
 if (gameOver && key==ENTER) {
 state = ACTIVE;
 }
 } */

I worked with this bit of code, which I think should flip the video:

  pushMatrix();
  scale(-1, 1);
  translate(-webcam.width, 0);
  image(webcam, 0, 0); 
  popMatrix();

But whereever I put it, it doesn't work correctly. It doesn't flip the image, or it does but the tracking function doesn't work anymore! Can you please tell me, where I have to put this code? Or which other code would do the same? Or if I missed something else?

Thank in advance.

• Jackie

    var w = 10;
        var cols, rows, value;


        function setup() {
            createCanvas(500, 500);
            devicePixelScaling(false);
            video = createCapture(VIDEO);
            video.size(width, height);
            video.hide();
        }

        function draw() {
            video.loadPixels();

            //background(102);

            for (var x = 0; x < width + w; x += (w * cos(PI / 6) * 2)) { 
                index = 0;
                for (var y = 0; y < height + w; y += w * (1 + cos(PI / 3))) { 

                    var loc = (y + x * width) * 4;

        // The functions red(), green(), and blue() pull out the three color components from a pixel.
                    var r = video.pixels[loc];
                    var g = video.pixels[loc + 1];
                    var b = video.pixels[loc + 2];

                    fill(r, g, b);

                    push(); {
                        translate(x - ((w * cos(PI / 6)) * (index % 2)), y);
                        rotate(radians(30));
                        polygon(0, 0, 10, 6);
                    }
                    pop();

                    index++;
                    console.log(loc);

                }
            }

        }

        function polygon(x, y, radius, npoints) {
            var angle = TWO_PI / npoints;
            beginShape();
            for (var a = 0; a < TWO_PI; a += angle) {
                var sx = x + cos(a) * radius;
                var sy = y + sin(a) * radius;
                vertex(sx, sy);
            }
            endShape(CLOSE);
        }!

Screen Shot 2015-09-04 at 1.01.46 PM

I am desperately trying to find out how to properly merge Shiffman's video pixelation sketch with some Minim to make rects react to mic input and glitch.

Any idea? Any Minim thing for mic input?

Thank you all in advance.

Thanks

Is the video library able to read the alpha channel? I came across a solution with the GSVideo library, however I think this library is now integrated in Processing 2. Daniel Shiffman suggest to use two movie files and then to mask, however that makes the application kind of heavy.

Another solution I was thinking was to use a chromakey shader (I actually implemented that already), however using alpha information directly is much nicer of course.

Started using Processing today, I want to use it to play with video.

Processing 2.2.1 x64 / Win 8.1 x64

Perhaps someone can tell me why the below code won't load the video? It is in the sketch directory, I have tried altering size() to half and quarter values, I have tried .mp4 and .MP4 - but Processing tells me that it "cannot load striplight.MP4". Thanks in advance.

 import processing.video.*;

    Movie test;

    void setup() {
      size(1920, 1080);
      background(0);
      test = new Movie(this, "striplight.MP4");
      test.loop();
      test.volume(0);
    }

    void movieEvent(Movie m) {
      m.read();
    }

    void draw() {
      image(test, 0, 0, width, height);
    }

EDIT: I figured it out.

import processing.video.*;

// Project #3, Art Assignment

PFont regular;
PFont light;
PFont small;
PFont big;

Movie sequence1;
PImage startOff;

boolean clutch = false;

color buttonText = color(40);
color titleText = color(250);
color textHover = color(250);
color buttonShadow = color(250);
color buttonColor = color(237, 227, 54);
color buttonHover = color(87, 74, 184);

color mainBG = color(28, 15, 120);

int page = 0;

// go Left/right button
int lrSize = 100;

int leftX = 230;
int lrY = 150;
// go RIGHT button
int rightX = 1050;
// go STRAIGHT button
int straightX = 490;
int straightY = 100;

// go Straight Button size
int straightW = 300;
int straightH = 100;

// Yes & No
int yesX = leftX+120;
int yesnoY = lrY+100;
int noX = rightX-115;

// button corners
int buttonCorner = 10;
// Start Over button
int startOverSize = 200;
int startOverX = 640;
int startOverY = 600;

// START Button
int startButtonSize = 500;
int startButtonX = 640;
int startButtonY = 612;


void setup() {
  size (1280, 1024);
  regular = loadFont("Sansation_Regular-40.vlw");
  light = loadFont("Sansation_Light-40.vlw");
  small = loadFont("Sansation_Light-24.vlw");
  big = loadFont("Sansation_Light-100.vlw");
  startOff = loadImage("startOff.png");

  sequence1 = new Movie(this, "sequence01.mov");
  sequence1.noLoop();

  frameRate(60);
}

void draw() {    
  // HOME PAGE
  if (page==0) {
    startPage();
  } else if (page==1) {
    driveOrWalk();
  } else if (page==2) {
    pagetwo();
  } else if (page==3) {
    walkBoring();
  } else if (page==4) {
    clutch();
  } else if (page==5) {
    driveOff();
  }

  println("Page: " + page);
}

void mousePressed() {
  if (page==0 && ellipseHover (startButtonX, startButtonY, startButtonSize) == true) {
    page=1;
  }
  if (page!=1 && ellipseHover (startOverX, startOverY, startOverSize) == true) {
    page=1;
  }
  // Drive?
  if (page==1 && ellipseHover (yesX, yesnoY, lrSize) == true) {
    page=2;
  }
  if (page==1 && ellipseHover (noX, yesnoY, lrSize) == true) {
    page=3;
  }

  // Start
  if (page==2 && clutch==false && rectHover (straightX, straightY, straightW, straightH) == true) {
    page=4;
  } else if (page==2 && clutch==true && rectHover (straightX, straightY, straightW, straightH) == true) {
    page=5;
  } // Clutch
  if (page==4 && rectHover (straightX, straightY+200, straightW, straightH) == true) {
    clutch = true;
    page=2;
  }
}

// START Page
void startPage() {
  background(mainBG);

  textAlign(CENTER, TOP);
  fill(titleText);
  textSize(100);
  textFont(big);
  text("'find the quietest place.'", 650, 150);

  startButton();
}


// BUTTONS
boolean rectHover (int x, int y, int width, int height) {
  if (mouseX > x && mouseX < x+width && mouseY > y && mouseY < y+height) {
    return true;
  } else {
    return false;
  }
}

boolean ellipseHover (int x, int y, int diameter) {
  float disX = x - mouseX;
  float disY = y - mouseY;
  if (sqrt(sq(disX) + sq(disY)) < diameter/2 ) {
    return true;
  } else {
    return false;
  }
}

void startButton() {
  textAlign(CENTER, CENTER);
  textSize(100);
  textFont(big);
  strokeWeight(3);
  if (ellipseHover (startButtonX, startButtonY, startButtonSize) == true) {
    stroke(buttonShadow);
    fill(buttonHover);
    ellipse(startButtonX, startButtonY, startButtonSize, startButtonSize);
    fill(titleText);
    text("START", startButtonX-1, startButtonY-8);
  } else {
    noStroke();
    fill(buttonColor);
    ellipse(startButtonX, startButtonY, startButtonSize, startButtonSize);
    fill(buttonText);
    text("START", startButtonX-1, startButtonY-8);
  }
}

void startOver() {
  textAlign(CENTER, CENTER);
  textSize(40);
  textFont(regular);
  if (ellipseHover (startOverX, startOverY, startOverSize) == true) {
    stroke(buttonShadow);
    fill(buttonHover);
    ellipse(startOverX, startOverY, startOverSize, startOverSize);
    fill(titleText);
    text("start", startOverX, startOverY-20);
    text("over", startOverX, startOverY+17);
  } else {
    noStroke();
    fill(buttonColor);
    ellipse(startOverX, startOverY, startOverSize, startOverSize);
    fill(buttonText);
    text("start", startOverX, startOverY-20);
    text("over", startOverX, startOverY+17);
  }
}

void pageButtons() {
  textAlign(CENTER, CENTER);
  textSize(40);
  textFont(regular);

  // GO LEFT
  if (ellipseHover (leftX, lrY, lrSize) == true) {
    stroke(buttonShadow);
    fill(buttonHover);
    ellipse(leftX, lrY, lrSize, lrSize);
    fill(titleText);
    text("left", leftX, lrY-3);
  } else {
    noStroke();
    fill(buttonColor);
    ellipse(leftX, lrY, lrSize, lrSize);
    fill(buttonText);
    text("left", leftX, lrY-3);
  }

  // GO RIGHT
  if (ellipseHover (rightX, lrY, lrSize) == true) {
    stroke(buttonShadow);
    fill(buttonHover);
    ellipse(rightX, lrY, lrSize, lrSize);
    fill(titleText);
    text("right", rightX, lrY-3);
  } else {
    noStroke();
    fill(buttonColor);
    ellipse(rightX, lrY, lrSize, lrSize);
    fill(buttonText);
    text("right", rightX, lrY-3);
  }

  // GO STRAIGHT
  if (rectHover (straightX, straightY, straightW, straightH) == true) {
    stroke(buttonShadow);
    fill(buttonHover);
    rect(straightX, straightY, straightW, straightH, buttonCorner);
    fill(titleText);
    text("straight", straightX+150, straightY+47);
  } else {
    noStroke();
    fill(buttonColor);
    rect(straightX, straightY, straightW, straightH, buttonCorner);
    fill(buttonText);
    text("straight", straightX+150, straightY+47);
  }
}


// PAGES

void driveOrWalk() {
  background(mainBG);
  textAlign(CENTER, TOP);
  fill(titleText);
  textSize(100);
  textFont(big);
  text("drive?", 650, 150);

  textAlign(CENTER, CENTER);
  textSize(40);
  textFont(regular);

  if (ellipseHover (yesX, yesnoY, lrSize) == true) {
    stroke(buttonShadow);
    fill(buttonHover);
    ellipse(yesX, yesnoY, lrSize, lrSize);
    fill(titleText);
    text("yes", yesX, yesnoY-3);
  } else {
    noStroke();
    fill(buttonColor);
    ellipse(yesX, yesnoY, lrSize, lrSize);
    fill(buttonText);
    text("yes", yesX, yesnoY-3);
  }

  if (ellipseHover (noX, yesnoY, lrSize) == true) {
    stroke(buttonShadow);
    fill(buttonHover);
    ellipse(noX, yesnoY, lrSize, lrSize);
    fill(titleText);
    text("no", noX, yesnoY-3);
  } else {
    noStroke();
    fill(buttonColor);
    ellipse(noX, yesnoY, lrSize, lrSize);
    fill(buttonText);
    text("no", noX, yesnoY-3);
  }
}

void pagetwo() {
  background(mainBG); 
  image(startOff, 0, 260);
  if (rectHover (straightX, straightY, straightW, straightH) == true) {
    stroke(buttonShadow);
    fill(buttonHover);
    rect(straightX, straightY, straightW, straightH, buttonCorner);
    fill(titleText);
    text("go", straightX+150, straightY+47);
  } else {
    noStroke();
    fill(buttonColor);
    rect(straightX, straightY, straightW, straightH, buttonCorner);
    fill(buttonText);
    text("go", straightX+150, straightY+47);
  }
}

void walkBoring() {
  background(mainBG);
  textAlign(CENTER, TOP);
  fill(titleText);
  textSize(100);
  textFont(big);
  text("boring", 650, 150);
  text("try again.", 650, 320);

  startOver();
}

void clutch() {
  background(mainBG);
  textAlign(CENTER, TOP);
  fill(titleText);
  textSize(40);
  textFont(regular);
  text("you forgot to press the clutch.", 650, 200);

  textAlign(CENTER, CENTER);
  textSize(40);
  textFont(regular);
  if (rectHover (straightX, straightY+200, straightW, straightH) == true) {
    stroke(buttonShadow);
    fill(buttonHover);
    rect(straightX, straightY+200, straightW, straightH, buttonCorner);
    fill(titleText);
    text("press clutch", straightX+150, straightY+247);
  } else {
    noStroke();
    fill(buttonColor);
    rect(straightX, straightY+200, straightW, straightH, buttonCorner);
    fill(buttonText);
    text("press clutch", straightX+150, straightY+247);
  }
}

void driveOff() {
  background(mainBG);

  image(sequence1, 0, 260);

  pageButtons();
}

void movieEvent(Movie m) {
  m.read();
}

I have a question for you.

I want Processing(processing.org/). So. I operate Camera. Camera data → Processing Display

How do I configure? What products do you buy? What should I do coding?

Please help me. Thank you.

//WHITE w/ blk

import processing.video.*; // Variable for capture device Capture video; // Previous Frame PImage prevFrame; // How different must a pixel be to be a "motion" pixel float threshold = 40;

void setup() { size(640,480); video = new Capture(this, width, height, 30); // Create an empty image the same size as the video prevFrame = createImage(video.width,video.height,RGB); video.start(); }

void draw() {

// Capture video if (video.available()) { // Save previous frame for motion detection!! prevFrame.copy(video,0,0,video.width,video.height,0,0,video.width,video.height); // Before we read the new frame, we always save the previous frame for comparison! prevFrame.updatePixels(); video.read(); }

loadPixels(); video.loadPixels(); prevFrame.loadPixels();

// Begin loop to walk through every pixel for (int x = 0; x < video.width; x ++ ) { for (int y = 0; y < video.height; y ++ ) {

  int loc = (video.width - x - 1) + y*video.width;            // Step 1, what is the 1D pixel location
  color current = video.pixels[loc];      // Step 2, what is the current color
  color previous = prevFrame.pixels[loc]; // Step 3, what is the previous color

  // Step 4, compare colors (previous vs. current)
  float r1 = red(current); float g1 = green(current); float b1 = blue(current);
  float r2 = red(previous); float g2 = green(previous); float b2 = blue(previous);
  float diff = dist(r1,g1,b1,r2,g2,b2);

  // Step 5, How different are the colors?
  // If the color at that pixel has changed, then there is motion at that pixel.
  if (diff > threshold) { 
    // If motion, display white
    pixels[loc] = color(0);
  } else {
    // If not, display black
    pixels[loc] = color(250);
  }
}

} updatePixels(); }