今回の内容

今回の記事は、以下の動画で示しているシンプルな iOS用の ARアプリを試作した中で調べたりした、機能・API まわりのちょっとしたメモです。

上記アプリの主な機能は、「平面の検出」や「平面に対するタップで HTML の描画を出現させる」、「出現させた描画に対するピンチ操作での描画領域の拡大・縮小」です。

また、平面に貼り付けている描画は、以下でポストしていた過去の自分の作品（HTML ＋ JavaScript の Webアプリで描画を実装）を用いています。

以下で、冒頭のアプリを作るにあたって調べたことや検討したことなどを記載していきます。

自分が iOSアプリ開発に詳しくないので、現在進行形で色々と確認・再検討中です

機能実装について調べたことなど

関連する処理・API

関連する処理・API について、調査をした内容を以下に書いていきます。

HTML の描画を iOSアプリ内で利用する

HTML の描画を iOSアプリ内で利用する部分に関して、調べた内容などを記載します。

実装に用いる内容
- p5.js での描画処理を含む HTML を実行： WKWebView
- WebView の画像化： WKWebView.takeSnapshot()
- スナップショット設定： WKSnapshotConfiguration

●WKWebView | Apple Developer Documentation
　https://developer.apple.com/documentation/webkit/wkwebview

●takeSnapshot(with:completionHandler:) | Apple Developer Documentation
　https://developer.apple.com/documentation/webkit/wkwebview/takesnapshot(with:completionhandler:)

●WKSnapshotConfiguration | Apple Developer Documentation
　https://developer.apple.com/documentation/webkit/wksnapshotconfiguration

AR関連

AR周りのところを調査をして出てきた SceneKit を用いた処理があったのですが、WWDC 2025 で deprecated となっているようでした。例えば見かけたものは、以下がありました。

AR で配置する長方形： SCNPlane
画像を平面に貼る： SCNMaterial.diffuse.contents
3Dオブジェクトとして管理： SCNNode
タップ位置から平面を検索： ARSCNView.raycastQuery()

上記の SCNPlane を公式ドキュメントで見てみると、Deprecated と明記されています。

●SCNPlane | Apple Developer Documentation
　https://developer.apple.com/documentation/scenekit/scnplane

●ARSCNView | Apple Developer Documentation
　https://developer.apple.com/documentation/arkit/arscnview

今は、以下の RealityKit を用いた実装にするのが良さそうです。

●RealityKit | Apple Developer Documentation
　https://developer.apple.com/documentation/realitykit

ざっくり調べてみたところ、以下のような構成になるようでした。

【SceneKit】
ARSCNView → SCNNode → SCNPlane → SCNMaterial

【RealityKit】
ARView → AnchorEntity → ModelEntity
                      ├─ MeshResource
                      └─ UnlitMaterial

AR関連でトラッキングや平面検出という部分もありますが、それについては以下が出てきました。

ARトラッキング設定： ARWorldTrackingConfiguration
水平・垂直面の検出指定： planeDetection

●ARWorldTrackingConfiguration | Apple Developer Documentation
　https://developer.apple.com/documentation/arkit/arworldtrackingconfiguration

●planeDetection | Apple Developer Documentation
　https://developer.apple.com/documentation/arkit/arobjectscanningconfiguration/planedetection

タップ・ピンチ操作関連

以下は、タップ・ピンチ操作関連です。

タップ検出： UITapGestureRecognizer
ピンチ検出： UIPinchGestureRecognizer
タップ座標取得： gesture.location(in:)

●UITapGestureRecognizer | Apple Developer Documentation
　https://developer.apple.com/documentation/uikit/uitapgesturerecognizer

●UIPinchGestureRecognizer | Apple Developer Documentation
　https://developer.apple.com/documentation/uikit/uipinchgesturerecognizer

●location(in:) | Apple Developer Documentation
　https://developer.apple.com/documentation/UIKit/UIGestureRecognizer/location(in:)

気になった情報

以下は、冒頭のアプリ試作に用いてないものの、調査の過程で見かけて気になったもののメモです。

AR関連の部分で気になったこと

平面検出に関連して、それが床であるかや壁であるかなどを区別できるようでした（※ 今回は特に利用していないです）。

●ARPlaneAnchor.Classification | Apple Developer Documentation
　https://developer.apple.com/documentation/arkit/arplaneanchor/classification-swift.enum

その他

直近で行った iOSアプリの試作など

直近で以下の内容を試したり、それに関する記事を書いたりしていました。

●LiDAR と RGBカメラのそれぞれの取得データを 1画面で表示する iOSアプリを雑に作った時のメモ（調査・検証の一部は途中段階） - Qiita
　https://qiita.com/youtoy/items/997476e2696dd6c2fa05

今回の内容も上記の記事も、今まで気になっていて技術情報はちょこちょこ見ていたものの、実装を試すことまではできていなかったことを、実際に試してみたというものです。