ART審査員作品の制作を手伝わせていただきました。試行錯誤の段階からvvvvでサンプルを作って共有しただけでなく、最終納品映像のエフェクトやカメラワークもvvvvで実装しました。結局AEやCINEMA4Dで全部作るのとなにが違ったのか自分でもよくわからなくなってしまったのですが、vvvvの関わった映像としてはかなり面白いものが出来上がったと思っているので、共有の意味も兼ねて記録しておこうと思います。EST新宿などで展示中なのでアップできませんが、許可がおり次第ここに貼ろうと思っているのでもう少々お待ちください>ちなみにボツになったアイデアのいくつかはInstagramに供養してあるので、興味ある人はそちらも見てみてください→https://www.instagram.com/takumatn/(1)まず、なにを作るか決まった段階で、井口さんが超かっこいい映像をこしらえてくれました。全行程がここから始まります。これがないと始まらない!!!(2)次にQTでもらっていたこの動画を、DDS連番に変換しました。5000pxに設定しており、このサイズの動画をCPU処理で読み込んでしまうとフレームレートが相当落ちてしまったので、GPU処理できる連番画像に置き換える必要があったからです。数ある画像フォーマットの中でもDDSを採用した理由は、別案件でテストした時にDDSが一番動作が安定していたからです。Surfaceの略)とはMicrosoftが開発した画像フォーマットで、3Dモデルのテクスチャなどに広く使われているそうです。詳しくは→https://en.wikipedia.org/wiki/DirectDraw_Surface)ちなみにAfterEffectsでDDS書き出しするためのプラグインはこちらのを使わせていただきました。http://fnordware.blogspot.jp/2014/09/dds-plug-in-for-after-effects-and.html(3)ここからvvvv作業です。事前にいろいろと試行錯誤していたおかげで、この映像合わせて追随するパーティクルを追加する案を採用してもらえました。事前リサーチ大事ねこれ。Zrcek!!!この中にあるPS_Ssample07_FieldForceをいじりました。Forceの類の調整したりです。あれこれいじっているうちに理想的なパーティクルが出来上がりました。BlurやBlend効果は今回いらなかったので取り外しました。(4)ここまできたら、あとは映像とパーティクルをblendしたRendrerのTextureoutをQuadに貼り付けてあげます。(5)次にこれを量産します。Spreadですね、vvvvお得意の。(6)次にカメラワークを実装します。これが実はトリッキーで、個人的にはすごく勉強になりました。Timeをどんなにいじっても再現できませんでした。TimeにTimelinerノードを挟んであげることで、解決できることがわかりました。Linerをカメラのアニメーションに適用してあげることで、カメラの動きに違和感がなくなりました。​​​​​​​ちなみに、実はカメラはズームアウトだけでなく、数字の切り替わりのタイミングで次の数字を追いかけるなんてことをしています。これがぱっと見ではわかりにくくなっているのも、細かいイージングの処理をしたおかげです。(6)あとはカメラのズームアウトをどういう法則で処理するか。Tenのように累乗でズームアウトしていくアニメーションをつけたいと言っていたので、そのままpowerノードを使いました。powerの値を2のまま使ってしまうとズームアウトの値がきつくなりすぎて、最後の方が本当にただのノイズになってしまったので、もっとも引いたタイミングで一番見え感がいい、1.38に値を変更しました。これでおおよそのパッチ組は完了です。あとは最終どんな見え感がいいかを井口さんと話しながら、カメラを回転させてみたり、powerの値を変えてみたり、カメラが引くタイミングを1秒から2秒に調整して見たり。思いつきから実装、プレビューまでを一瞬でできるのはvvvvの強みですよね。Playでキャプチャーしました。かいつまんでワークフローを解説しましたが、実際にはパーティクルの見え感を良くするための細かい工夫や、カメラが追随しているのがわからないように数字の中心を手入力してあげたりなど、地味なこともたくさんしてます。連番画像の再生レートがキャプチャーしている間に変化しないようにMainloopじゃなくてLFOを使うとか、グリッド状に動画をSpreadするのもIIDとDynamicBufferを使ってGPU処理させてるとか。2019バナーに表示するテキストを入力します(地域により要件が異なります)。