5
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2017-11-03

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

5
8
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
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?