LoginSignup
5
1

More than 3 years have passed since last update.

M5Stackのジミーさんを召喚するARでMaker Faire Tokyo 2020に行った気分になろう

Last updated at Posted at 2020-10-08

※関係者のみなさま、M5Stackへのリスペクトを込めておりますので、ご理解いただきますようお願いいたします。しかしながら、まずいようでしたら削除いたします。


ジミーさんとツーショット撮りたい!

2020年10月3日・4日東京ビッグサイトでMaker Faire Tokyo2020が開催されました。
今年は現地には行けず、Twitterのハッシュタグで追ってました。

そんななか、このようなツイートを発見しました。




こ、これは!!

僕もM5Stackのジミーさんとツーショットとりたい!!

でも僕は今は広島にいる。

どうしたらいいのだろう!!


ARジミーさんの誕生

そうだ!

ARだ!

ARで、ジミーさんを召喚すればいいんだ。


ARで、ジミーさんを我が家に召喚 !!
AR5.jpg

近所に召喚!
AR6.jpg

あこがれのツーショット!
AR2.jpg

Japanese Izakaya にお連れしました。
AR1.jpg


作り方

VufoliaというARコンテンツ作成ライブラリを使いました。
公式サイトのチュートリアルを見ながら作成しました。
https://library.vuforia.com/articles/Solution/ground-plane-guide.html

動作確認済み環境

  • Unity 2019.1.14f1
  • macOS Catalina
  • iOS 13.7
  • Xcode 12.0.1

ジミーさんを作成

画像加工ソフトならなんでもいいですが、
お好きなジミーさんの画像を切り取ります。

なお、最近のPhotoshopはこれくらいの切り取りがすぐかんたんにできます。Photoshop無双です。

Image from Gyazo

Unity

Unityの新しい3Dプロジェクトを作成します。

Build Setting > Player Setting >
“XR Settings” の “Vuforia Augmented Reality Supported” をチェックします。

Image from Gyazo

Other settingに
「Camera Usage Descriptionに「Camera access required for target detection and tracking」と入力します。
(これであってるかどうか不明ですが、これを書いてないと「この文言を書け」というエラーが出たため)

Target minimum iOS Version を 11.0 以上にします。

Image from Gyazo



Hierarchyで
もともとある main camera を削除し、
VuforiaのARカメラをインポートします。
( Hierachy > Vuforia Engine > AR Camara )

スクリーンショット 2020-10-07 23.28.49.png


Hierarchyで、
Vuforia> Ground Plane> Ground Plane Stage

スクリーンショット 2020-10-07 23.33.12.png

Sceneにこんなのが現れます。
Image from Gyazo

Ground plane Stageに、さきほど作成したジミーさんを置きます。
僕の場合は、Projectタブに新しいマテリアルを作り、Legacy Shader/ Diffuse で、先程のジミーさん画像をでマテリアルに指定しました。
そして、新しくcubeオブジェクトを作り、先程のマテリアルを指定しました。
(うーん、文章にすると分かりづらい・・・)
※独学ですのでマテリアルの設定方法がこれでいいのか自信はありません。(動いたからヨシ状態)

Image from Gyazo



次に
Vuforia>Ground Plane>Plane Finder

このPlane FinderのContent Positioning Behaviourを先程作成したGround Plane Stageを指定します。

Image from Gyazo




はい、これであとはiPhoneをPCにつなげ、ビルドしたら、ジミーさん召喚ARのできあがり。

記念撮影をとったりして、MakerFaireに行った気分に浸ってください。



なお、カメラ撮影機能を実装していないので、iPhoneのスクリーンショット機能で撮影してください。



5
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
1