Processingによるメディアアート製作記録6 作品：机上の江戸

メディアアート超入門の第6回目は、いよいよ前回までのウェブカメラを使ったプログラムを仕上げて「机上の江戸」ができるまでを見ていきたいと思います。

【メディアアート超入門】Processingによるメディアアート製作記録4 ウェブカメラを取り込む
 【メディアアート超入門】Processingによるメディアアート製作記録5 ウェブカメラをジャックする

机に置いた紙の向こうに東京の古地図が現れる「机上の江戸」

とはいっても実は前回までのプログラムにたった2行追加するだけです。
前回は「 fill(255)」と塗りつぶし色を指定していました。これを「fill(myPhoto.pixels[y*width + x]);」に変更するだけです。
【メディアアート超入門】Processingによるメディアアート製作記録3 作品：銀河鉄道の夜の時と同じくあらかじめ用意した画像を参照します。
「void setup」にも1行追記します。
————————————————————–

void setup() {

size(640, 480);

video = new Capture(this, width, height,30);

video.start();

myPhoto = loadImage(“edo_map.jpg”); //画像を読み込み

}

————————————————————–

これでカメラでとらえた緑色部分に「edo_map.jpg」がリアルタイムで置き換えられます。