【Unity】[ARKit]針ネズミをBlenderでモデリングしてUnityで動かしてパーティクルAR表示してみた

環境メモ
⭐️Mac OS Mojave バージョン10.14
⭐️Unity 2018.2.15f1
⭐️Blender v2.79.6
⭐️Xcode10.2
⭐️iPhone7(IOS 12.3.1)

↓↓↓↓完成した内容
https://twitter.com/nonnonkapibara/status/1140730136796397568
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">😍AR Unity😍<br>ドラマ「きのう何食べた？」で磯村勇斗演じる“ジルベール”が着ていた👕Tシャツ🐭針ネズミ🐭かわいい💕のでBlenderでモデリングして🐭針ネズミAR作ってみたよぉ。🐭アニメーションとキラキラ✨パーティクル✨楽しい🤩<a href="https://twitter.com/hashtag/%E3%81%8D%E3%81%AE%E3%81%86%E4%BD%95%E9%A3%9F%E3%81%B9%E3%81%9F?src=hash&amp;ref_src=twsrc%5Etfw">#きのう何食べた</a> <a href="https://twitter.com/hashtag/%E7%A3%AF%E6%9D%91%E5%8B%87%E6%96%97?src=hash&amp;ref_src=twsrc%5Etfw">#磯村勇斗</a> <a href="https://twitter.com/hashtag/AR?src=hash&amp;ref_src=twsrc%5Etfw">#AR</a> <a href="https://twitter.com/hashtag/Unity?src=hash&amp;ref_src=twsrc%5Etfw">#Unity</a> <a href="https://twitter.com/hashtag/Blender?src=hash&amp;ref_src=twsrc%5Etfw">#Blender</a> <a href="https://t.co/DeNBekq8f1">pic.twitter.com/DeNBekq8f1</a></p>&mdash; non (@nonnonkapibara) <a href="https://twitter.com/nonnonkapibara/status/1140730136796397568?ref_src=twsrc%5Etfw">June 17, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


1.Unityに、ARKitを入れる

こちらを参照
【Unity】Unity ARKit Pluginが無いのでUnity-Technologies-unity-arkit-plugin-b3de628acfac.zipを使う
https://qiita.com/nonkapibara/items/3800d4ff3c56912073df

2.Blenderからアニメーション 付きのFBXをインポートする
<img width="1106" alt="スクリーンショット 2019-06-18 6.54.09.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/681a1849-44e2-7b43-0519-ddfcf6395801.png">

3.Loop設定する
<img width="393" alt="スクリーンショット 2019-06-18 6.56.27.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/3729ea19-2069-25b9-009f-5d23a3163872.png">


4.「Assets」に「ARReferenceImage」を作成する
<img width="1174" alt="スクリーンショット 2019-06-16 17.46.51.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/7ac7d42c-a572-426a-7b13-956903fb2463.png">

5.トラッキングする画像をセットする
<img width="953" alt="スクリーンショット 2019-06-16 17.50.07.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/475b4318-66b6-0b7b-b487-8365576778cd.png">


画像は５１２pxサイズ
<img width="281" alt="スクリーンショット 2019-06-16 17.51.26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/ec8b770c-ca9e-c2b4-bdfa-2715a7a971c7.png">


6.次に「ARReferenceImageSet」を作る
<img width="1139" alt="スクリーンショット 2019-06-16 17.53.53.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/49730801-6af8-36d9-a278-c0e5e25efa4d.png">

7.先ほど作った「ARReferenceImage」をセットする
<img width="1128" alt="スクリーンショット 2019-06-16 17.54.25.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/7baec75d-20cc-0082-303e-463997d0dabc.png">

8.「ARCameraManager」に「ARReferenceImageSet」で作ったリファレンスをセットする

<img width="1161" alt="スクリーンショット 2019-06-18 6.44.44.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/d496d9bf-d6a7-6365-ca21-6de9d2175d65.png">

9.新規ゲームオブジェクトを作成して、画像トラッキングスクリプトを配置する
<img width="1107" alt="スクリーンショット 2019-06-18 6.51.26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/6607d19f-d047-d6eb-76ba-aea91ead3767.png">

10.中央の針ネズミに、パーティクルを設定する
パーティクルは、手軽に、Assetsを使いました。
「DL Fantasy RPG Effects」
<img width="830" alt="スクリーンショット 2019-06-16 15.48.08.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/aa8f38c3-177f-c3a1-9aa5-e3e53895abd9.png">

１１.インポートする
<img width="466" alt="スクリーンショット 2019-06-16 15.48.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/52b3bdb9-3e0a-6d7f-239a-f5c2ba43123c.png">

今回は、star2とstar4を使いました。

大きさや、サイズなどを調整しました。
<img width="882" alt="スクリーンショット 2019-06-18 7.03.17.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/6b5744dd-bbb5-0ac7-6d2a-54a819d8dda4.png">

<img width="960" alt="スクリーンショット 2019-06-18 7.04.20.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/6c1f7a4b-77be-7213-c093-a4be5a8f1dc9.png">


<br>
類似記事

【Unity】UnityARImageAnchor 画像トラッキング [ARKit1.5]
https://qiita.com/nonkapibara/items/66ff0a67ca7be6a4fbfb