【ARKit】ARでVR空間を作成する


ARKitを使ってVR空間を作成する

完成品

宇宙空間へつながるどこでもドアを作成した。
ドアから覗くと太陽系を確認することができるが、別の角度からは何も見えない。
ドアをくぐると宇宙空間にいるような錯覚を覚える体験ができる。

[Movie]クリックすると動画が再生されます
IMAGE ALT TEXT HERE

アプリのダウンロードはこちら

作成手順

各手順の詳細はそれぞれ別記事にて説明をしているので
必要に応じて参考にすること。

SceneKitでバーチャル空間を作成する

宇宙空間を作成する。
この空間は立方体の表面にミルキーウェイの画像を貼り付け、
ドアの3Dオブジェクトを入り口にドッキングしている。

以下に記載済み。
<Qiitaリンク>

ARオブジェクトの作成する

今回は太陽系の構成要素がこれに該当する🌎

オブジェクトの作成方法は以下を参照。
https://qiita.com/shunp/items/a50194bcf99bc5daf286

表示されるオブジェクトの優先順位をつける

ここまでの状態だと、ドアを覗かずとも太陽系の惑星が見えてしまう。
ドアを覗いた時のみ、宇宙空間が見えるようにしたいので
表示されるオブジェクトの優先順位をつける。

sample.swift
SCNNode node1 = SCNNode()
SCNNode node2 = SCNNode()
SCNNode node3 = SCNNode()

node1.renderingOrder = 100 // 1番目
node2.renderingOrder = 300 // 3番目
node3.renderingOrder = 200 // 2番目

今回の優先順位は
①宇宙空間
②太陽系
になるので、宇宙空間Nodeの値を太陽系Nodeの値より小さい数値に設定する。

参考資料

以下ソースコード
https://github.com/shunp/solar-system