for lesson.

1. AR基礎
～アプリ開発編～
2018/06/11
SA 渋谷新樹

2. 実装する機能一覧
• 3Dモデルキャラクター(みここ)の表示、回転
手動回転
自動回転
• ARシューティングゲームの基本
敵の自動生成
クリックして敵を破壊する

3. みここのダウンロード
• みこことは
→今をにぎわすバーチャルのじゃロリ狐娘Youtuberおじさん
• ダウンロード先
https://bowlroll.net/file/152466
• 他の配布されているモデルや
自分で作ったモデルなどでも可

4. みここのインポート
• MikokoModelフォルダは
document>Unityの下に保
存
• Asset内で右クリック>
Import Package>Custom
Package＞
MikokoModelunitypackage

5. みここの表示
• Assets＞Mikokoオブジェクトを
ImageTargetにドラッグ&ドロッ
プ
• ImageTargetがない場合は前回の
資料「ARマーカー登録手順」を参
照

6. 表示された^^

7. 次はみここを回転させてみよう！

8. • プログラムは実際に一緒に書いていきます。
• mikokoController.csを作成、以下を記述
• 書いたスクリプトはMikokoにアタッチ！
• MikokoのAdd ComponetからBox Colliderをつける
手動回転プログラム

9. 自動回転ボタンの作成
• Canvas作成
Create>UI>Canvas
• ボタン作成
Canvasの上で右クリック＞UI>Button
ButtonをAutoButtonにRename
• ボタン移動
Canvasをダブルクリック、ボタンを好きな場所に移動
※スクショが見たい場合はCodeGeniusの「UIボタンの使い方」参照

10. • mikokoControllerに以下を追加
自動回転プログラム
この行を追加！

11. • C#スクリプトを作成
• 名前をAutoRotateに変更、以下を記述
• AutoRotateをCanvasにアタッチ
• できたら実行して、ボタンを押してみよう！
自動回転プログラム

12. • autoButtonを選択、onClickの+をクリック
• 出現した空欄に「Canvas」をドラッグ＆ドロップ
• No Functionをクリック
AutoRotateを選択→「OnAutoButtonClicked()」をクリック
• 実行して、作成したボタンを押してみよう！
自動回転プログラム

13. 自動回転プログラム
• だけど、このままじゃ回転が止まらない＞＜
• 時間があったら、stopRotateも作ってみよう！
• stopRotateのヒント
ボタン作成までの手順は同じ
rotateFlagをFalseにする

14. ARシューティングゲームの基本

15. 敵の自動生成
• オブジェクトを複製する「工場」の作り方を覚えよう！

16. 敵の作成
• Sphereを作成、名前をEnemyに変更
• 色、大きさを自由に設定
• Rigidbodyをつける
Enemyを選択
「Add Component」→「Physics」→「Rigidbody」

17. • Hierarchyに残った青いEnemyオブジェクトは削除！
敵のプレハブ化
ドラッグ&ドロップ！

18. プレハブとは？
• 設計図のようなもの
• 設計図さえあれば、いくつでも同じものを作ることができる
設計図(プレハブ)
製品(インスタンス)

19. コピーでいいのでは？
例えば、10体の敵の色を白色から赤色に変えたいと思った場合
• 敵をコピーして使っていた場合
• 10体の敵すべてを個別に変更しなくてはならない
• プレハブを使った場合
• プレハブの色を変えるだけで、10個の敵すべてに変更が反映される

20. 敵を自動生成するスクリプトの作成
• enemyGeneratorというC#スクリプトを作成
• ジェネレータスクリプトとも呼ばれる

21. enemyGenerator.csの中身

22. スクリプトはどこにつければいい？
※Unityのスクリプトはオブジェクトにアタッチすることで作動するようになります

23. スクリプトを付ける先がない！
• 空のオブジェクト(工場オブジェクト)を作ればよい
• Create Empty → enemyGeneratorに変更
• enemyGeneratorオブジェクトにenemyGeneratorスクリプトをド
ラッグ&ドロップ
• enemyGeneratorオブジェクトを選択、Enemy Prefabにプレハブ化
したEnemyをドラッグ&ドロップ、発射速度を設定
※Enemyのusegravityにチェックがついている場合は外す

24. 工場の作り方 まとめ
1. 既にあるオブジェクトを使ってプレハブ(設計図)を作る
2. ジェネレータスクリプトを作る
3. 空のオブジェクトにジェネレータスクリプトをアタッチ
4. ジェネレータスクリプトにプレハブを渡す

25. クリックして敵を破壊

26. クリックして敵を破壊したい
• 敵オブジェクトとmouse座標が重なったうえで、クリックされ
たとき、破壊されるようにすればよい。
• EnemyにsphereColliderをつける
• 次ページのスクリプトdestoroyEnemy.csをARカメラにアタッ
チ

27. 敵オブジェクトとmouse座標の交差判定
destroyEnemy.cs

28. 照準の表示(余力があれば)
aim.cs

29. 今後も様々な機能を追加していきましょう！