EasyMapper Studio
← 記事 · home

自宅でできる3Dプロジェクションマッピング:部屋の角にキューブを浮かび上がらせる方法

プロジェクター1台とiPhoneで、自宅で3Dプロジェクションマッピング。部屋の角にキューブが見える錯覚の仕組み、3つの面のマッピング方法、映す映像を解説します。

6分で読めます著者:Abhinav Bhardwaj
要点

3Dプロジェクションマッピングは、平面への投影を立体的に見せる技術です。本物の立体物に光を合わせる方法と、遠近法で形を描いて壁から飛び出して見せる方法があります。自宅でいちばん手軽なのは、部屋の入隅(へこんだ角)にキューブを描く方法です。左面・右面・上面の3つのレイヤーをマッピングし、キューブの手前の辺を実際の角の線に重ねて、3面すべてに同じ柄を映します。必要なのはプロジェクター1台とEasyMapper Studioを入れたiPhoneだけ。錯覚が正しく見えるのは形を合わせた場所の付近なので、見る人が立つ位置から合わせましょう。

3Dプロジェクションマッピングは、思わず足を止めて見入ってしまう演出です。光が、空中に浮かぶ立体物のように見えるのですから。この記事の動画では、部屋に箱は置いていません。2つの壁と天井が接するただの入隅に、プロジェクターがキューブを描いているのです。グリッドが3つの面に折りたたまれ、手前の辺が実際の角の線にぴたりと重なると、スマホで撮影している位置からはキューブが壁から飛び出しているように見えます。そのあと、各面が動く柄で満たされます。すべてEasyMapper Studioを使ってiPhoneからマッピングしたもので、ノートPCは使っていません。

ここでは、錯覚の仕組み、自分の部屋での作り方、そして映す映像を紹介します。

01

3Dプロジェクションマッピングとは?

3Dプロジェクションマッピングとは、投影した光を三次元の空間に合わせ、そこに本当にあるように見せることです。大きく2種類あります。

  • 本物の立体物へのマッピング。 建物や箱、積み上げたカボチャなど、実物の各面にそれぞれレイヤーを割り当て、コンテンツが物体を包むようにします。大聖堂やステージで見かけるのはこちらです。
  • 平面上の3D錯覚。 遠近法で形を描き、ある視点から見ると奥行きがあるように見せます。動画の角のキューブはこちらです。

どちらも、あらゆるプロジェクションマッピングと同じ基本の道具を使います。四隅を実際の端までドラッグするレイヤーです。違うのは、その四隅を何に合わせるかだけです。

02

部屋の角のキューブはなぜ立体的に見えるの?

入隅は、2つの壁が縦の線で接している場所です。本物のキューブを手前の辺から見たときも縦の線が見え、片方の面は左奥へ、もう片方は右奥へと続きます。キューブの手前の辺を角の線にぴったり重ねて描くと、目は2つの壁を箱の2つの側面として自然に読み取ります。

決め手は上面です。角の上で両方の壁にまたがるひし形のパネルで、これが加わると脳は壁を見るのをやめ、立体のかたまりとして認識し始めます。動画でも、上面が現れるまでは最初の2つのグリッドがただの平らなパネルに見えることに注目してください。

注意点は、錯覚が正しく見えるのはほぼ1か所、つまり面の形を合わせたときに自分(またはカメラ)が立っていた場所だけということです。横に大きく移動すると、キューブが歪んで見え始めます。部屋で見るならソファや出入り口からがほとんどなので、問題ありません。その場所から形を合わせましょう。

03

プロジェクター1台で3Dキューブをマッピングするには?

必要なのは、角まで光が届くプロジェクター、iPhoneまたはiPad、そして暗い部屋です。プロジェクターを角に向けて設置し、HDMIかAirPlayでスマホをつないだら(ケーブルは接続ガイドを参照)、次の手順で進めます。

  1. 左面をマッピングする。 レイヤーを追加し、四隅をドラッグして左の壁に縦長の形を作ります。右の辺は実際の角の線に沿ってまっすぐ下ろします。
  2. 右面をマッピングする。 右の壁に、同じ辺を共有する2つ目のレイヤーを追加します。2つのレイヤーの角は、角の線上でぴったり重なるようにします。
  3. 上面をマッピングする。 その上に3つ目のレイヤーをひし形として追加します。下の2つの角は側面の上の角に置き、残りの2つは上と奥に向けます。

作業中に各レイヤーへグリッドを表示しておくと、辺がそろっているか、面の大きさが適切かがひと目でわかります。こまめに見る位置まで下がって確認しましょう。キューブがつぶれて見えるなら側面を縦に伸ばし、手前に傾いて見えるなら上面の奥の角を下げます。

04

3Dキューブには何を映す?

3つの面を1つの物体として扱うコンテンツがいちばん効果的です。

  • そろいの柄。 動画のように、ピクセルグリッドやタイル、幾何学的なシェーダーを3面同時に映すと、すぐにキューブとして認識されます。
  • 上面を明るめに。 本物の箱が上から照らされているように、上面には側面より少し明るいコンテンツを選びます。手間なく錯覚が深まります。
  • 輪郭線。 キューブの辺に沿った明るい線でワイヤーフレームの箱になり、暗い部屋でよく映えます。
  • 自分の動画。 カメラロールにあるものなら何でも面に映せます。地平線や文字が入った映像より、面全体を埋める短いループのほうがきれいに見えます。

3面のコンテンツを同時に切り替えることで、キューブが生きているように感じられます。動画の切り替わりは、3つの画面が変わるのではなく、箱の色が変わったように見えます。

05

自宅で本物の立体物をプロジェクションマッピングできる?

はい。これが3Dプロジェクションマッピングのもう半分です。箱を錯覚で描く代わりに、積み上げた段ボール箱、カボチャのタワー、棚、彫刻など、本物の物体をマッピングします。プロジェクターに向いている面ごとにレイヤーを割り当てれば、コンテンツが物体の実際の形に沿います。

本物のカボチャのマッピングはカボチャのプロジェクションマッピングガイド(英語)で、壁やテレビ、棚を面として扱う方法は部屋をプロジェクションマッピングする方法で紹介しています。

06

3Dプロジェクションマッピング:よくある質問

3Dソフトや3Dモデルは必要?

いいえ。角のキューブや箱なら平らな面を合わせるだけなので、四隅を実際の端までドラッグすれば十分です。3Dモデリングソフトが必要になるのは建物のファサードのような複雑な形の場合で、部屋のキューブには必要ありません。

自宅の3Dプロジェクションマッピングにはどんなプロジェクターが必要?

HDMI入力があるか、AirPlayに対応したプロジェクターなら何でも使えます。暗い部屋の角なら、500〜1,000ルーメンの小型プロジェクターで十分です。選び方はプロジェクターガイドで紹介しています。

出隅(出っ張った角)でもできる?

はい、むしろもっと簡単です。柱や建物の角のような出隅は、もともとこちらに向かって突き出しているので、2つの壁が本物の側面になります。それぞれにレイヤーを1つずつマッピングすれば、錯覚を使わなくてもコンテンツが角を包みます。

どのくらい時間がかかる?

プロジェクターを設置してしまえば、3つの面の形を整えるのは数分です。ほとんどの時間は、後ろに下がって確認し、ソファから見て正しく見えるまで角を微調整することに使います。

今夜、空いている角を探してみましょう。EasyMapper Studioを開いてレイヤーを3つ追加し、最初のキューブを作ってみてください。

EasyMapper Studio