🔦

めちゃ便利プロジェクションマッピングツール

2022/06/10に公開

こちらの記事の続きです
https://zenn.dev/miwa_maroon/articles/6ee1c97bfc3c8a

実際にプロジェクターを使っていく

前回までで

  • プロジェクションするもの
  • 3Dモデル
    を準備しました。

あと、一番大事な
プロジェクター
を準備します。

おうちでやるってことで今回は、
ハチャメチャに小さい高機能ミニプロジェクター

Vankyo GO200

を使っていきます。
プロジェクションマッピングだけでなく、家でのホームシアターとしても使えるのでかなりオヌヌメです。
もし、プロジェクター欲しいけどなににしようと困ってる方は、検討してみてくださーい
わりとすぐに売り切れちゃいますので、そこはご注意を

ebay

https://ebay.us/BdDQrE

楽天市場

https://bit.ly/3rpczZr

プロジェクターをセット

プロジェクターとペーパーハウスが一直線になるようにおいてください

ペーパーハウスからプロジェクターの距離を測りましょう

だいたいでいいよ~
今回は、0.455mでした。

まあま正確に測っとるやないかいってね
そしたらこれをカメラとライトのtranslate zに入れます。
0.455ってね。

TouchDesignerの単位はメートルです

プロジェクターのレンズの高さを測りましょう

だいたいでいいよ~
0.045mでした

お次は、カメラとライトのtranslate yに入れます

KantanMapperでテクスチャを作ります

TouchDesignerには、マッピングの最強ツール
Kantan Mapper
というものがあります。
https://zenn.dev/miwa_maroon/articles/26d811a031e9fd
こちらの記事でも紹介しましたが、
マッピングの位置合わせのできつつ、テクスチャも作れちゃう。
まさに便利の極み~~~~

(引用:Dnews)

ってだれが覚えてんねん

まあそんな冗談は縦置き

(引用:トレンドアットTV)

プログラムやってるひとだったら真空ジェシカめっちゃはまると思います

2進法で頼むな!
で笑えるの僕らだけですからね~

はい、Kantan Mapperのfree shapeを選び、ペーパーハウスの形に沿って点を結んでいきます

作ったテクスチャには、別のTOPも差し込めて、今回はnoise TOPで作ったテクスチャを適応させます
noise topをTextureのところにD&Dします

ここで注意なのが、右のチェックマークをクリックしないと反映されなのでお忘れなく

ドアの部分もつくったら、window compを置き、TOPのところに、
Kantan Mapperで作ったTOPをD&Dします

そしたら、HDMIでPCとプロジェクターをつなぎましょう

解像度を代入する

今回プロジェクターの解像度を知るために説明書をみたら、
854×480
だったんですけど、
ディスプレイ設定に
1360×768(推奨)
と書いてあり、どっちを信じればいいのかわからんくなったので、
1360×768を信じることにしました

え、なんでかって?
だって推奨されたから。おれはなにもわるくないしこれが正解。推奨だもん

そしたら、window comprender TOPKantan Mapper
の解像度の欄に入力します

投影!!!

window compのseparate as new windowをopenします
あ、Open as separate windowでした
すると、
before

after

おー
良い感じですね

シュミレーションすると、大体の位置が合うのでプロジェクションしたときの調整が楽になるのです
もっとも伝えたいのがここ!!
正直いきなりプロジェクターを接続して、絵を合わせていくってできるんですが、
プロジェクターの位置を固定してTouchDesigner側のみで調整をするため、
ちょっと面倒ではあるんですがシュミレーションを行いました。

もっとデカいプロジェクトになると、現場になかなかいけなかったり、マッピングのテストができなかったりするので、この工程は必須です!

さんきゅー

まだ終わらないよ

ズレを調整

っていってもシュミレーションは完ぺきではないので、ここから手直しします
って言っても投影映像見ながら、Kantan Mapperで点を動かすだけ

これで完成!!

真正面だけだとつまらないので、回転させてみました

当たり前ですが、絵がずれるので上記ステップを同じようにやっていきます

ということで、あとは、動画でご覧ください!
https://youtu.be/4mzIgm2s4p0

やり方はYouTubeのほうが詳しくて、
ZennではYouTubeでは話せなかった詳しい内容
を書いてます。
あとめっちゃふざけてます(笑)

miwa maroonの制作事例

Sneaker Projection Mappingでこのメソッドを使っています。
Sneakerにプロジェクションしているところですね

https://www.instagram.com/p/Cb8q2r9rAQ6/
もしよかったら、instaもフォローしてくださーい

ってなわけで、3回に続く説明見ていただきありがとうございます

これであなたもプロジェクションマッピンガー

Discussion