トーキョー建築トリップ建築のミカタを知る、考える、体験する。コピー2017.04.02メディアアート超入門の第5回目は、前回のウェブカメラを扱った応用です。前回はProcessingを使ってウェブカメラで撮影しているライブ動画の任意の場所の色情報を取り出す、ということを行いました。今回は取り出した色情報を条件に利用して、動画の中の特定の色の位置に図形を描画することを行ってみたいと思います。カメラの動画の中の黒い場所に、白い四角を描画するということを行ってみます。d」は四角形の大きさです。ここれは10ピクセルとしています。「myvideoColor」はビデオに映し出されたピクセルごとの色情報です。ここでは四角の大きさ「d」の中心(半分の値)ごとに色を調べて、「fill(255)」=白く塗りつぶされた四角形を描いていくプログラムです。条件式の中には「myvideoColor」のR(赤)G(緑)B(青)の値がすべて60以下の場合のみ図形を描くという条件を入れました。いい加減な条件ですが、そこはご愛嬌です。1ピクセルごとに資格を描くのでだいぶ精度が上がりましたね。ここで色の条件を変えて緑のコースターにのみ反応するように少し修正してみます。元のコースターはこんな感じ。わかりやすいように緑色のものを選びました。200>R(赤)>120230>G(緑)B(青)>170緑には反応しましたが、他の色でも反応してしまいますね。「green(myvideoColor)>140」を加えて200>R(赤)>120230>G(緑)>120B(青)>170の条件に修正してみます。背景や照明等の条件によっても変わりますが、今回のコースターではこの値でやるとうまくいきそうです。上の図は静止画ですが、リアルタイムの動画で起動しているので緑のコースターの移動に合わせて描画される図形も追随します。今回は取り込んだ映像の中から特定の色を検知して、図形を描画することを行いました。ここまでくれば後は描画する図形を単なる四角形から自分で用意した画像に変えるだけで一気に作品としてみえてくるプログラムができます。次回は今回の記事にちょっと仕掛けを加えて作った「机上の江戸」という作品についてみていきたいと思います。触ってみると意外と簡単。次回もProcessingの世界に一緒にトリップしましょう。コピーyamakenlabをフォローするyamakenlabトーキョー建築トリップ関連記事メディアアート超入門記録Processingによるメディアアート製作記録【プログラミング】ここでは建築案内とは別に、去年末から独学で勉強し始めたビジュアルプログラミングへの挑戦をまとめたいと思います。僕は大学では建築を専攻していましたので、プログラミングは全くの門徒外。本当に素人同然の状態から始めています。ウェブカメラを取り込む【プログラミング】メディアアート超入門の第4回目は、ウェブカメラを扱ってみたいと思います。作品:机上の江戸【プログラミング】メディアアート超入門の第6回目は、いよいよ前回までのウェブカメラを使ったプログラムを仕上げて「机上の江戸」ができるまでを見ていきたいと思います。前回「【メディアアート超入門】Processingによるメディアアート製作記録」の2回目です。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。ウェブカメラをジャックする【プログラミング】スポンサーリンクプロフィールyamakenlabやまけんと申します。トーキョー建築トリップ.タイトルとURLをコピーしました。