デブでもできた！macを使ったプロジェクションマッピングの作り方#1

プロジェクションマッピングって何

Wikipedia氏によると、プロジェクションマッピングとは、プロジェクション(投影)という単純な映写ではなく、マッピングという言葉が加わった言葉で、投影する対象に映像を貼り合わせる という意味合いがある。欧米ではビデオマッピング・マッピングプロジェクション 建物に対して映し出すものは、アーキテクチャルマッピングと呼ばれる。他にも3Dマッピングなど・・・という

とりあえず、色んな名前があるらしい。

僕なりにこう理解した

プロジェクションマッピングとは、2面以上の投影対象に投影を行う技法である。非現実的で、なんかたのしいやつをプロジェクションマッピングと呼ぶ。そんでもって、投影対象が2面以上あるので、それをマッピング(割り当て)なくてはいかんので、そういう技術が必要

…なんだ、簡単そうじゃないか！

僕が考えたプランはざっくり言うと、こんな感じでした。

1. プロジェクターのサイズを1024*768だとして、同じ解像度・同じ画角の写真を取る。
2. プロジェクターをサブディスプレイとして使う。(ミラーリングしない)
3. そこでサブディスプレイでQuickTimeで全画面表示にしたときに合わせた時のピクセルの点をつないだ面ごとにPhotoshopでレイヤーを作って、Motionに読み込ませる。
4. そこからプロジェクターを動かさずに、そのレイヤーを作業用レイヤーとして使って動画をつくる。
5. 再生ボタンを押す。
6. おしまい。

実際にやってみましたが、、

僕は浅はかな大ばか者でした。
まず、同じ解像度で同じ画角の写真を撮ることができませんでした。どうしてもズれてしまいます。プロジェクターのレンズの画角は、そのプロジェクター(EPSON)の公式サイトを調べればわかるのでしょうが、自動補正などをするので意味をなさなくなってしまうのです。そして、画角が同じカメラのレンズを持っている保証もありません。すなわち画角など、調べる気もおきない。
そこで思いついたのは、実際に投影物に映しながらPhotoshopで実物をトレースするようにマッピングしてレイヤーをつくる作業でした。実際にやるには、地獄のような作業でした。

• 100%表示にしなくてはならない。
• 対象面が多面体なので、自分が何を触ってるのかわからなくなる
• Fを押してフルスクリーンにしても、上にメニューバーが出ているし、そもそも画面がロックできないから、ペンツールなんて使えない

どう考えても、プロジェクションマッピング用のmacのアプリが必要な気がしてきました。

GrandVJ(お試し版)導入します。要は無料でプロジェクションマッピングごっこが出来ます！ひゃっほーーーーー！

ググってみたところ、VJの人が使うアプリ GrandVJの最新verがあれば、プロジェクションマッピングが出来るっぽいです。試用版もあるので、GrandVJを使ってみることにしました。
基本的には英語だらけです。ただ、デブで素人な僕にも扱いやすくできています。ただ、明らかに全ての機能を使えてはいませんが、僕のわかる範囲で説明します。正しい使い方をご存知の方、コメント欄とかで教えてもらえるとすっごい嬉しいです。
一応、僕のわかる範囲でとりあえずプロジェクションマッピングっぽいことができるまでのやり方を説明しておきますと

GrandVJ XTの使い方(プロジェクションマッピング用暫定版)

GrandVJをインストールし、GrandVJを立ち上げます。(1/14)

ここから試用版がダウンロード可能です。
インストールは、各々うまいことやってください。インストールが完了したら、色んなアプリが入りますが、GrandVJを立ち上げます。
青色に白でvjと書かれたアイコンのそれをクリックして立ち上げて下さい。

一番下の GrandVJ XT のデモモードを使ってみます。(2/14)

一番下のを選んで下さい。これがプロジェクションマッピングの出来る、GrandVJ XTの試用版です。
そんでアプリが立ち上がったら、そのまま、NEWを押して下さい。

マッピングテンプレートとかいうやつを適当に決定します。(3/14)

この辺は正直よく意味がわかりませんので、適当にEnter連打です。

demo用の操作画面に変えます(4/14)

さっきEnter連打して選んじゃったけど、何か不都合があるといけないので、demo用っぽい何かがあるのかわかりませんが、とりあえずこんな感じで選んでみました。
あと、意味はよくわかりませんが、上メニューの “View”を MixerMode とSynthModeと切り替えると、なんかモードが変わります。

左上のGrandVJ内のPreferencesの中のDisplayをVideoMapper modeに変更します。(5/14)

ここが一番わかりにくいところでした。
GrandVJ内の環境設定(Preferences)を開いて、Displayのモードを変更します。

すると、VideoMapperというアプリが立ち上がります。

VideoMapperでSurfaceをつくるよ！(6/14)

この時点でプロジェクターをセットして、投影したいものに光を当てて、Surface面を切り取っていきます。

外部ディスプレイ(プロジェクター)側にマッピングしていく(7/14)

MainディスプレイとA1・A2となっているものは、たぶんmacの認識している外部ディスプレイです。これに合うようにディスプレイをキレイに縁っていきます。

surfaceを追加して、なんとなく縁取っていきます。(8/14)

四角形と三角形を追加して、なんとなく、Surfaceを追加していきましょう。

フルスクリーンにしてチェックしながら。(9/14)

VideoMapper側で、command+Fを押して、ちょくちょくフルスクリーン表示でチェックしながら縁取っていきましょう。キレイに面を作れば作るほど、あとで感動しまっせ

面を更に微調整(10/14)

Edit Grid というやつにチェックをいれると、角が細かく調整できます。これでSurface(投射面)を区分けして書き出しましょう。

Surface最終確認(11/14)

command+Fできちんと映したい面ごとにsurfaceができたらOKです。もうプロジェクターを触ってはいけません。
そこまでできたら、VideoMapperは閉じずに、GrandVJに戻ってきましょう。

GrandVJをMixerModeに(12/14)

MixerModeじゃない場合は、上部Viewの中から、MixerModeに変更します。

各レイヤーにアニメーションとかをあてていく(13/14)

一番右の8つあるのがレイヤーです。今、この図では、Surface1に 青に黄色のアニメーション、Surface9では黒に灰色のアニメーション 全てのSurfaceに3色の水玉が表示されています。

それぞれ、1〜8のレイヤーをクリックして、上部写真にあるピンクの丸で囲まれたボタンをクリックすると それぞれのレイヤーとSurfaceが紐付けれるようになります。
Surfaceに色々なアニメーションや画像を指定したら、VideoMapperに戻ってきます。
(※ちなみに MacのFaceTimeHDカメラや、iTunesに入っている動画などを流すこともできます。)

さあ、プロジェクションマッピング投影だ！(14/14)

VideoMapperに戻って、この写真のような感じでsurfaceに動画があたってそうな感じになってたらOK。
command+Fを押して、フルスクリーン表示にしたら、出来上がりです！！

ってことで、僕も作ってみました！

・・・思ったより全然おもしろくいかないものです。見てる分には楽しいんですけど、動画にすると楽しさは3分の1くらいに薄れてしまいます。

出来上がったものの・・

このGrandVJというソフトは名前の通り、VJ(Video-Jockey)用のソフト。目の前にオーディエンスがいて、それに合わせて映像を変える人が使うソフトなのかなって感じがしました。音楽の流し方もよくわかりません。もしかしたら流すことができないかもしれません。
このとき、プロジェクションマッピングは大きくわけて2つあるのではないか？とこの時思いましたz。
1つは、VJがやるようなリアルタイム性の高いもの。
もう1つは、再生ボタンを押したら、あとは途中でmacが落ちないことを祈り続けるだけのもの。
前者は、クラブとかライブとかでやるような感じかな？この先どうなるかがわからないから、VJとかPA的な人たちがなんかかっこいい感じに処理する。
後者は、なんか作りこんで、音と共に再生するだけのもの。
僕は後者がやりたいなと思いました。なので、このマッピングデータを使って、Motionで動画を作ることにしました。
要はおもしろい動画を変な面に映し出して楽しくする！って感じのものを作ってみますよ。

長くなってしまったので、続きはこちら