モノクロタイム

I'm from the future!

【vvvv Advent Calendar】FFTノードとMIDIノードでかんたんインタラクティブアート

この記事はvvvv Advent Calendar 2015 5日目の記事です.

qiita.com

こんにちは,れいじです.

こんなツイートしてたらvvvvのAdventCalendarデキタヨーという情報が回ってきたので勢いで参加登録しました.

vvvvとは?といった説明や,日本でのvvvvの普及などについては既に記事が公開されていると思うので,上のカレンダーへのリンクからどうぞ.

この記事では,

  1. かんたん

2.すぐ作れる

3.(地味に)役に立つ

パッチをいくつか紹介したいと思います.vvvvでなんか作ってみたいけど何のノード使えばいいかわかんないや!な人は是非参考にして下さい.

てっとり早く実行できるプログラムを作って遊んでもらってvvvv楽しむマンを増やす作戦です

この記事で紹介しているパッチは自由に組み合わせて使ってOKです.

FFTノード

vvvvで音楽扱うならこれは触っとけっていうぐらい有名なノードだと思います.

FFTノードは外部から取り入れた音を数値化して入力値として扱うことができるようになるノードで,リアルタイムな映像表現が可能になります.

リアルタイムにグイグイ動いてくれるととてもアートっぽさが出ます.音と同期するだけでそれっぽい感じにもなります.

単純な使い方はこのような感じでしょうか.

f:id:yomoyamareiji:20150730231015p:plain

詳しい解説は以下の記事を参照してください.

reiji1020.hatenablog.com

もっと加工すれば,よく作業BGMやMADの動画で見かけるこんな波形を描くことができるようになります.

f:id:yomoyamareiji:20150804143843p:plain

パッチはこちら.

f:id:yomoyamareiji:20150804150526p:plain

線形のものも作れますよ~

パッチ置いときます.

f:id:yomoyamareiji:20151110225424p:plain

MIDI系ノード

vvvvはPCのみならず様々な入力機器との連携がスムーズに行えるという特徴があります.MIDI機器もその一部で,既にパッチが用意されています.

vvvvでMIDI機器を扱うに辺り,以下のブログ記事を参考にしています.

vvvvでMIDIを使う | Design Ambience Blog

私がよく使用するMIDI系ノードは「MidiNote」と「MidiShote」です.

MidiNote

指定したノート番号に対応するMidiキーボードの入力を取得します.Midi機器は音階,キーボード別にノート番号が割り振られているため,このノードを使用する場合は予め取得したいキーのノート番号を知っておく必要があります.

入力はtrue/falseだけではなく,キーを押した強さを数値として受け取ることができます.つまり,キーを押した強さによって映像表現を変化させることができます.めちゃくちゃ便利です.

このノードを使用してゲートタイムを得るようなパッチも作れます.

ゲートタイムを得るパッチはこちら.

f:id:yomoyamareiji:20151202223716p:plain

シンプルですね.

MidiShote

接続されているMidi機器の入力情報を取ってきます.ノート番号とかよくわかんないけど取り敢えずボタンのオンオフを取りたい時におすすめです.

押されたボタンのノート番号を取得してくれるので,ここからswitchで切り替えてCGを変えるのも手だと思います.

こちらもゲートタイムを取ることが出来ます↓

f:id:yomoyamareiji:20151202223733p:plain

得たゲートタイムを利用して,こんなCGを作ってみました.

f:id:yomoyamareiji:20151204145603p:plain

お手軽歌詞表示CGです.ボタンを押している間だけテキストが表示されます.

テキストを全くSphereに変更すると,ポコポコ円が生成されるようなCGを得ることが出来ます.

f:id:yomoyamareiji:20151204150824p:plain

一つノードを変えるだけで全く違う映像表現を得ることが出来るのもvvvvの魅力です.

おまけ:おすすめデバイス

vvvvはサードパーティ機器と組み合わせて使うことで真価を発揮します.私がよく使用する機器を紹介します.

LOGICOOL ウェブカム HD画質 120万画素 C270

LOGICOOL ウェブカム HD画質 120万画素 C270

vvvvは他のビジュアル・アート系プログラミング言語と比べて圧倒的に描画速度が速いです.

このUSBカメラは元々ビデオチャットに特化したカメラで,映像の取得速度・音の入力共に優秀です.1000円ちょいで買えるカメラにしてはサイコーだと思います.

FFTノードを使用したイコライザプログラムにも,VideoInノードを使用した映像ミックスプログラムにも適しています.

紹介したパッチ

拙いパッチですが以下のURLで配布しています.自由に使って下さい.

https://onedrive.live.com/redir?resid=7ACA20D611380471!4060&authkey=!AEBUl4cRaEIfzBI&ithint=folder%2c