2021互動技術

week 05

第一節

import processing.video.*;

Movie movie;

void setup(){

size(640,480);

movie = new Movie(this, "launch2.mp4");

movie.loop();

}

void draw(){

image(movie,0,0);

}

void movieEvent(Movie m){

m.read();

}

第二堂

因為沒有視訊鏡頭，所以無法撥放影片

import processing.video.*;

Capture cam;

void setup(){

size(640,480);

cam = new Capture(this, 640,480);

cam.start();

}

void draw(){

if(cam.available()){

cam.read();

}

image(cam,0,0);

}

import processing.video.*;

Capture cam;

void setup(){

size(640,480);

cam = new Capture(this, 640,480);

cam.start();

}

void draw(){

if(cam.available()){

cam.read();

}

image(cam,0,0);

saveFrame();

}

第三堂

import processing.video.*;

Movie movie;

void setup(){

size(640,480);

movie = new Movie(this, "my_webcam.mov");

movie.loop();

}

void draw(){

if(movie.available()){

movie.read();

}

image(movie,0,0);

}

void setup(){

size(640,480);

background(255,0,0);

}

void draw(){

println(frameCount);

}

void mousePressed(){

loadPixels();

for(int i=0;i<640*480/2;i++){

pixels[i]=color(0,255,0);

}

updatePixels();

saveFrame();

}

第四堂

教導使用github

color [] c = {#F0F0F0,#FFF160,#FFC501,#FE9600,#03001C};

int now=0;

void setup(){

size(640,480);

background(#F0F0F0);

}

void draw(){

}

void mousePressed(){

background(c[now]);

now = (now+1)%5;

}

import processing.video.*;

Movie movie;

color [] c = {#F0F0F0,#FFF160,#FFC501,#FE9600,#03001C};

int now=0;

void setup(){

size(640,480);

background(#F0F0F0);

movie = new Movie(this, "my_webcam.mov");

movie.play();

}

void draw(){

if(movie.available()){

movie.read();

image(movie,0,0);

}

void mousePressed(){

movie.pause();

loadPixels();

for(int i=0;i<640*480;i++){

float bright = brightness(pixels[i]);

int now = 4-int(bright/67);

pixels[i] = c[now];

}

updatePixels();

}

week06

嗨

🔸先到函式庫下載

🔹接著打開範例

🔸點選loop

🔹就會開始撥放影片

🔸接著我們把檔案拉進程式後，用程式碼開啟試試看

import processing.video.*;
Movie movie;

void setup()
{
  size(640,480);
  movie =new Movie(this,"launch2.mp4");
  movie.loop();
  
}
void draw(){
  image(movie,0,0);
}
void movieEvent(Movie m)
{
  m.read();
}

🔹接著我們用process開啟攝影機試試看

import processing.video.*;
Capture cam;
void setup()
{
  size(640,480);
  cam = new Capture(this, 640,480);
  cam.start();

}
void draw()
{
  if(cam.available())
  {
    cam.read();
  }
  image(cam,0,0);
}

🔸加了saveFrame();可以存照片在data裡面

import processing.video.*;
Capture cam;
void setup()
{
  size(640,480);
  cam = new Capture(this, 640,480);
  cam.start();

}
void draw()
{
  if(cam.available())
  {
    cam.read();
  }
  image(cam,0,0);
  saveFrame();
}

🔹把圖片轉成影片

🔸選擇資料夾

🔹將data資料夾內的影片丟到第一個程式碼，就可以播放剛剛錄製的影片

import processing.video.*;
Movie movie;

void setup()
{
  size(640,480);
  movie =new Movie(this,"video.mov");
  movie.loop();
  
}
void draw(){
  image(movie,0,0);
}
void movieEvent(Movie m)
{
  m.read();
}

🔸這樣就可以播放影片了

🔹接著換這個

void setup(){
  size(640,480);
  background(255,0,0);
}
void draw(){
  println(frameCount);
}
void mousePressed()
{
  loadPixels();
  for(int i=0; i<640*480/2; i++){
  pixels[i]=color(0,255,0);
}
updatePixels();
saveFrame();
}

🔸點一下會變這樣

🔹接著讓滑鼠點擊，更多顏色輪流換

color[]c={#BC3F3F,#BC953F,#46BC3F,#3FBCBB,#813FBC};

int now=0;

void setup(){

  size(640,380);

  background(#BC3F3F);

}

void draw(){

}

void mousePressed(){

background(c[now]);

now=(now+1)%5;

  }

🔹接著我們先撥放影片，遇到喜歡的地方按下暫停，就可以配上特效的顏色

import processing.video.*;
Movie movie;
//#EEEEEE #FFEE4A  #FFC501  #FE9600 #03001C
color [] c={#EEEEEE,#FFEE4A,#FFC501,#FE9600,#03001C};
int now=0;
void setup(){
  size(640,480);
  background(#EEEEEE);
  movie=new Movie(this, "video.mov");
  movie.play();
}
void draw(){
  if(movie.available()){
    movie.read();
    image(movie,0,0);
  }
}
void mousePressed(){
  movie.pause();
  loadPixels();
  for(int i=0;i<640*480;i++){
    float bright=brightness(pixels[i]);
    int now=4-int(bright/67);
    pixels[i]=c[now];
  }
  updatePixels();
}