動画を読み込んで効果をつける「Processingクリエイティブ・コーディング入門」を読む　その21

第10章でサウンドとビデオのライブラリをインストールしました。第１１章に入り、完成イメージを確認して、動画から色データを取得して加工しました。円と四角形で再描画です。

第10章はライブラリのインストールのみ

サウンドとビデオのライブラリのインストールです。IDEのメニューバーから選択してインストールボタンを押せば終わり。手軽ですね！
本書のバージョン３．ｘから４．５．５（自分の環境）に上がっているので、目的のライブラリの名前や機能が変わっていないか不安でしたが、それらしいのをインストールしました。
初心者はこんなところでもドキドキします。

第11章　ビデオとサウンドデータ

完成イメージはオーディオ・リアクティブ・ビデオ！

人の顔のようなものが、音によって歪んでいっているそうです。線で凹凸を見せているのでちょっとグロイ。なんかこういうの見たことある、といった感じです。実際に自分でプログラミングできるのを楽しみに学びます。

カメラからの入力のキャプチャ、オーディオ入力と音響解析（FFT）が実装できるようになるみたい！

ビデオライブラリの構成を知り、動画を再生し、円で再描画

Videoライブラリの2つの機能：動画の読み込み、カメラの映像キャプチャ
それぞれがクラスを通して活用できるようになっている。

動画を読みこんで再生するのがリスト１１．１です。YouTubeみたいに下に再生位置を示す赤いバーもつけます。ループ再生ON。静止画との読み込みの違いなど見ていきます。
VideoライブラリのMovieクラスは、更新をdraw()とは別にmovieEvent()を使用して検知する。read()でフレーム更新のたびに画像を読み込む。read()した内容をそのまま描画するにはimage()を使用。

動画の色情報を抽出①　元が動画だから…

以前の静止画から色情報を抽出したのと同じようにして、明るさをサイズにして円を描きます。リスト１１．２です。元画像が動画だから、色をピックアップする間隔を設定しておいて繰り返し処理を設定すれば動的に描けるわけですね。
movie.read()はm.read()の間違いかも。

動画の色情報を抽出②　四角形の角度に反映、だが…

明るさを四角形の角度に反映させて、四角形による再描画を行います。
リスト１１．３を実行したのですが、「重すぎる」とエラーが出て真っ黒…
１１．２との違いを見ると、読み込みサイズのところにP2Dを指定してあったので、これかな？と思って外しました。すると描画できました。

サンプルコードをそのままコピペしても動きませんでした。P2DのふるまいがProcessingのVer.4.xとVer.3.xでは違うのかな。

動画にもこんなに手軽に効果をかけられるのが面白い。
面白い、以外の表現を見つけたいです…