空間オーディオで過去の自分（ゴースト）と競うランニング〜HealthKitのルートを足音に変える実装〜

by Nao-RandD

Embed

Start on current slide

Slide 1

Slide 1 text

空間オーディオで過去の自分（ゴースト）と競うランニング〜HealthKitのルートを足音に変える実装〜 iOSDC Japan 2026 菅直之（Nao-RandD）

Slide 2

Slide 2 text

自己紹介 ● 名前：菅直之（Naoyuki Kan） ● 所属：株式会社ヤプリ ● X ：Nao-RandD（ナオランド） ● 備考：趣味でランニングをしています🏃

Slide 3

Slide 3 text

趣味でランニングをしています🏃

Slide 4

Slide 4 text

趣味でランニングをしています🏃 同じコースを何度も走っています

Slide 5

Slide 5 text

過去の自分と対決したい。。。某カートゲームのようなゴースト対決 🤔

Slide 6

Slide 6 text

作りました

Slide 7

Slide 7 text

どんなアプリか？目的 • ランニング中に過去の自分と競争できる • 過去と比較した位置を把握 • マップ上の同じコースで過去の自分（以後、ゴースト）と対決注：デモの地図は赤坂迎賓館の周回コースで個人に関わる情報はありません

Slide 8

Slide 8 text

どんなアプリか？目的 • ランニング中に過去の自分と競争できるランニング中に画面を見るのは危険⚠

Slide 9

Slide 9 text

􀐳􀐳􀪷􁀨 どんなアプリか？目的 • ランニング中に過去の自分と競争できるランニング中に画面を見るのは危険⚠ → 空間オーディオでゴーストがどこにいるのかわかるようにした

Slide 10

Slide 10 text

足音となるゴーストは HealthKit から作る

Slide 11

Slide 11 text

HealthKitのルートが、足音になるまで

Slide 12

Slide 12 text

HealthKitのルートが、足音になるまで以下の3つに分けて解説していく ① 過去の記録からゴーストを作る ② ゴーストと自分との「前後の差」がわかる ③ ゴーストの位置を「足音」にする

Slide 13

Slide 13 text

􀐳􀐳 HealthKitのルートが、足音になるまで以下の3つに分けて解説していく ① 過去の記録からゴーストを作る ② ゴーストと自分との「前後の差」がわかるゴースト現在の自分 ③ ゴーストの位置を「足音」にする

Slide 14

Slide 14 text

􀐳􀐳 HealthKitのルートが、足音になるまで以下の3つに分けて解説していく ① 過去の記録からゴーストを作る ② ゴーストと自分との ③ ゴーストの位置を「前後の差」がわかる「足音」にする HealthKit ゴースト現在の自分

Slide 15

Slide 15 text

􀐳􀐳 HealthKitのルートが、足音になるまで以下の3つに分けて解説していく ① 過去の記録からゴーストを作る ② ゴーストと自分との「前後の差」がわかる ③ ゴーストの位置を「足音」にする

Slide 16

Slide 16 text

􀐳􀐳 HealthKitのルートが、足音になるまで以下の3つに分けて解説していく ① 過去の記録からゴーストを作る ② ゴーストと自分との「前後の差」がわかる Core Motion ③ ゴーストの位置を「足音」にする

Slide 17

Slide 17 text

Slide 18

Slide 18 text

􀐳􀐳 HealthKitのルートが、足音になるまで以下の3つに分けて解説していく ① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする Core Location

Slide 19

Slide 19 text

􀪷􁀨􀙱 􀐳􀐳 HealthKitのルートが、足音になるまで以下の3つに分けて解説していく ① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする Core Location

Slide 20

Slide 20 text

􀪷􁀨􀙱 􀐳􀐳 HealthKitのルートが、足音になるまで以下の3つに分けて解説していく ① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする Core Location AVFAudio

Slide 21

Slide 21 text

HealthKitのルートが、足音になるまで以下の3つに分けて解説していく ① 過去の記録からゴーストを作る ② ゴーストと自分との「前後の差」がわかる ③ ゴーストの位置を「足音」にするそれぞれどのように実現しているかを把握していく

Slide 22

Slide 22 text

① 過去の記録からゴーストを作る ② ゴーストと自分との「前後の差」がわかる ③ ゴーストの位置を「足音」にする

Slide 23

Slide 23 text

􀐳􀐳 ① 過去の記録からゴーストを作る ② ゴーストと自分との ③ ゴーストの位置を「前後の差」がわかる「足音」にする過去の記録からゴーストを作成していくゴースト現在の自分

Slide 24

Slide 24 text

① 過去の記録からゴーストを作る ② ゴーストと自分との ③ ゴーストの位置を「前後の差」がわかる「足音」にするゴーストの元データは HealthKit から作成する

Slide 25

Slide 25 text

① 過去の記録からゴーストを作る ② ゴーストと自分との ③ ゴーストの位置を「前後の差」がわかる「足音」にするゴーストの元データは HealthKit から作成する HealthKit とは何か？ • Appleデバイス間で健康・フィットネスデータを共有するためのデータ基盤 • 過去のワークアウト記録の読み出しや書き込みを行える … HealthKit：https://developer.apple.com/documentation/healthkit

Slide 26

Slide 26 text

① 過去の記録からゴーストを作る ② ゴーストと自分との ③ ゴーストの位置を「前後の差」がわかる「足音」にするゴーストの元データは HealthKit から作成する HealthKit とは何か？ • Appleデバイス間で健康・フィットネスデータを共有するためのデータ基盤 • 過去のワークアウト記録の読み出しや書き込みを行える 1回のランニング = 1回のワークアウト • ルート：HKWorkoutRoute 緯度・経度 + 時刻の配列 → いつ、どこにいたか • 他に歩数 / 心拍 / 開始時間など … HealthKit：https://developer.apple.com/documentation/healthkit

Slide 27

Slide 27 text

① 過去の記録からゴーストを作る ② ゴーストと自分との ③ ゴーストの位置を「前後の差」がわかる「足音」にするゴーストの元データは HealthKit から作成する HealthKit とは何か？ • Appleデバイス間で健康・フィットネスデータを共有するためのデータ基盤 • 過去のワークアウト記録の読み出しや書き込みを行える 1回のランニング = 1回のワークアウト • ルート：HKWorkoutRoute 緯度・経度 + 時刻の配列 → いつ、どこにいたか • 他に歩数 / 心拍 / 開始時間など … HealthKit：https://developer.apple.com/documentation/healthkit

Slide 28

Slide 28 text

① 過去の記録からゴーストを作る ② ゴーストと自分との ③ ゴーストの位置を「前後の差」がわかる「足音」にするゴーストの元データは HealthKit から作成する必要なデータは以下の三つ 1. 経過時間 2. 緯度経度 3. 走行距離 struct GhostRoutePoint: Sendable { let elapsedSeconds: TimeInterval let coordinate: RouteCoordinate let distanceMeters: Double } 時間から走行距離や緯度経度を把握できる状態

Slide 29

Slide 29 text

① 過去の記録からゴーストを作る ② ゴーストと自分との ③ ゴーストの位置を「前後の差」がわかる「足音」にする HKWorkoutRoute からデータを取得する過去のワークアウトからルート情報が得られる // ワークアウトに紐づくルート本体（HKWorkoutRoute）を探索 let routeDescriptor = HKSampleQueryDescriptor( predicates: [.workoutRoute( HKQuery.predicateForObjects(from: workout) )], sortDescriptors: [SortDescriptor(\.startDate, order: .forward)] ) let routes = try await routeDescriptor.result(for: healthStore) var locations: [CLLocation] = [] for route in routes { let descriptor = HKWorkoutRouteQueryDescriptor(route) // 1点ごとにtimestampがついた緯度経度を取得 } for try await location in descriptor.results(for: healthStore) { locations.append(location) } 緯度経度経過時間 35.6812, 139.7671 0.0 s 35.6813, 139.7676 1.8 s … …

Slide 30

Slide 30 text

① 過去の記録からゴーストを作る ② ゴーストと自分との ③ ゴーストの位置を「前後の差」がわかる「足音」にする HKWorkoutRoute からデータを取得取得できるデータは緯度経度と経過時間で「走行距離」がない点を距離に変換緯度経度経過時間 35.6812, 139.7671 0.0 s 35.6813, 139.7676 1.8 s … … 隣り合う点と点の距離を足し合わせることで求まる

Slide 31

Slide 31 text

① 過去の記録からゴーストを作る ② ゴーストと自分との ③ ゴーストの位置を「前後の差」がわかる「足音」にする HKWorkoutRoute からデータを取得点を距離に変換・・・ var cumulativeMeters = 0.0 // 先頭からの走行距離 var points: [GhostRoutePoint] = [] CLLocation.distance(from:)で点と点の距離求めて足し合わせる for (index, location) in locations.enumerated() { if index > 0 { // 2点間の距離を足し合わせる cumulativeMeters += location.distance(from: locations[index - 1]) } // 経過時間の算出 let elapsedSeconds = location.timestamp.timeIntervalSince(first.timestamp) points.append( GhostRoutePoint( elapsedSeconds: max(0, elapsedSeconds), // 開始は0秒 coordinate: location.coordinate, // 緯度経度 distanceMeters: cumulativeMeters // 走行距離 ) } ・・・ )

Slide 32

Slide 32 text

① 過去の記録からゴーストを作る ② ゴーストと自分との ③ ゴーストの位置を「前後の差」がわかる「足音」にする HKWorkoutRoute からデータを取得取得できるデータゴーストに必要なデータ緯度経度経過時間緯度経度経過時間走行距離 35.6812, 139.7671 0.0 s 35.6812, 139.7671 0.0 s 0m 35.6813, 139.7676 1.8 s 35.6813, 139.7676 1.8 s 5.1 m … … … … …

Slide 33

Slide 33 text

① 過去の記録からゴーストを作る ② ゴーストと自分との ③ ゴーストの位置を「前後の差」がわかる「足音」にする HKWorkoutRoute からデータを取得ゴーストに必要なデータ緯度経度経過時間走行距離 struct Ghost { // 経過時間, 緯度経度, 走行距離のデータ群 35.6812, 139.7671 0.0 s 0m let points: [GhostRoutePoint] 35.6813, 139.7676 1.8 s 5.1 m ・・・ // 時刻, 距離, 緯度経度を変換するメソッド … … … }

Slide 34

Slide 34 text

Slide 35

Slide 35 text

􀐳􀐳 ① 過去の記録からゴーストを作る ② ゴーストと自分との ③ ゴーストの位置を「前後の差」がわかる「足音」にする過去のランニングからゴーストを作成できた ✅ ゴースト現在の自分

Slide 36

Slide 36 text

􀐳􀐳 ① 過去の記録からゴーストを作る ② ゴーストと自分との「前後の差」がわかる ③ ゴーストの位置を「足音」にする次は現在の走行距離を取得してゴーストと自分の「前後の差」を測れるようにする

Slide 37

Slide 37 text

① 過去の記録からゴーストを作る ② ゴーストと自分との「前後の差」がわかる ③ ゴーストの位置を「足音」にする前後差に必要なのは、経過時間と走行距離同じ時間に自分とゴーストがそれぞれ何m地点だったかを測れる状態現在の自分を (経過時間, 走行距離) の1点として表現 struct LiveProgress { let distance: Double // スタートからの走行距離 let elapsedSeconds: Double // タイマーによる経過時刻 }

Slide 38

Slide 38 text

􂘒 ① 過去の記録からゴーストを作る ② ゴーストと自分との「前後の差」がわかる ③ ゴーストの位置を「足音」にする前後差に必要なのは、経過時間と走行距離同じ時間に自分とゴーストがそれぞれ何m地点だったかを測れる状態現在の自分を (経過時間, 走行距離) の1点として表現 struct LiveProgress { 走行距離の取得は Core Motion から取得する let distance: Double // スタートからの走行距離 let elapsedSeconds: Double // タイマーによる経過時刻 } Core Motion：https://developer.apple.com/documentation/coremotion

Slide 39

Slide 39 text

􂘒 ① 過去の記録からゴーストを作る ② ゴーストと自分との「前後の差」がわかる ③ ゴーストの位置を「足音」にする Core Motion とは？端末の動きに関するセンサー情報とOSが処理した活動データを扱う • CMPedometer から OS が処理した歩行・走行データを取得できる • 歩数、ペース、ケイデンスなど • 今回利用するのはスタートからの累積の推定距離 CMPedometer：https://developer.apple.com/documentation/coremotion/cmpedometer

Slide 40

Slide 40 text

􀋒 􂘒 ① 過去の記録からゴーストを作る ③ ゴーストの位置を ② ゴーストと自分との「前後の差」がわかる「足音」にする Core Motion と Core Location の役割分担走行距離は現在の位置測位に依存せず更新できる Core Motion を使う Core Motion Core Location 得られるものスタートからの走行距離緯度・経度・進行方向更新の特徴 OSが処理した距離を継続的に取得利用環境や設定で精度・更新間隔が変化消費電力比較的軽い高頻度・高精度では大きくなりやすい判断軸

Slide 41

Slide 41 text

􂘒􀋒 ① 過去の記録からゴーストを作る ② ゴーストと自分との「前後の差」がわかる ③ ゴーストの位置を「足音」にする Core Motion と Core Location の役割分担 Core Motion 走行距離 Core Location 緯度経度・進行方向ゴーストとの「前後の差」ゴーストの「左右位置」（後述） HKWorkoutRouteとして保存次回は過去のゴーストとして読み出す

Slide 42

Slide 42 text

① 過去の記録からゴーストを作る ② ゴーストと自分との「前後の差」がわかる ③ ゴーストの位置を「足音」にする Core Motion から現在の走行距離を取得する CMPedometer で開始地点からの走行距離を取得できる func startLiveProgressUpdates( pedometer: CMPedometer, startedAt: Date, elapsedProvider: @escaping () -> TimeInterval, onUpdate: @escaping (LiveProgress) -> Void) { guard CMPedometer.isDistanceAvailable() else { return } pedometer.startUpdates(from: startedAt) { data, error in guard error == nil, let distance = data?.distance?.doubleValue else { return } // 更新される度にゴーストの走行距離と比較する onUpdate( LiveProgress( elapsedSeconds: elapsedProvider(), // 自前のタイマーから経過時間を取得 } } ) ) distance: max(0, distance) CMPedometer：https://developer.apple.com/documentation/coremotion/cmpedometer

Slide 43

Slide 43 text

① 過去の記録からゴーストを作る ② ゴーストと自分との「前後の差」がわかる ③ ゴーストの位置を「足音」にする Core Motion から現在の走行距離を取得する CMPedometer で開始地点からの走行距離を取得できる経過時間ごとの現在の走行距離が取得できた次はゴーストのデータを取得する

Slide 44

Slide 44 text

① 過去の記録から ② ゴーストと自分との「前後の差」がわかるゴーストを作る ③ ゴーストの位置を「足音」にするゴーストのデータは経過時間から走行距離が取得できる緯度経度経過時間走行距離 35.6812, 139.7671 0.0 s 0m 35.6813, 139.7676 1.8 s 5.1 m … … … 35.6825, 139.7721 150 s 482 m 時間から距離 150秒 → 482m 同じ時間でどこまで進んだか // 経過時間から走行距離を取得 let ghostDistance = ghost.distance( atTime: live.elapsedSeconds )

Slide 45

Slide 45 text

Slide 46

Slide 46 text

① 過去の記録からゴーストを作る ② ゴーストと自分との「前後の差」がわかる ③ ゴーストの位置を「足音」にするゴーストとの走行距離を比較できる現在の経過時間で自分とゴーストの走行距離を引けば「前後の差」 // 同じ経過時間で走行距離を比較。正ならコース上でゴーストが前にいる let courseFowardGap = ghostDistance - live.distance

Slide 47

Slide 47 text

Slide 48

Slide 48 text

􀐳􀐳 ① 過去の記録からゴーストを作る ② ゴーストと自分との「前後の差」がわかる ③ ゴーストの位置を「足音」にするこれでゴーストと自分との「前後の差」が判定できるようになった ✅ ✅

Slide 49

Slide 49 text

􀐳􀐳􀪷􁀨􀙱 ① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする次は空間上の位置を把握して「足音」にする

Slide 50

Slide 50 text

􀐳􀐳 ① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にするまずは空間上の位置を把握する

Slide 51

Slide 51 text

① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする走行距離だと前後の距離はわかっても左右がわからない前後だけでは空間オーディオの体験として不十分前後だけ前後左右ゴースト自分体を貫く自分ゴースト身体の横を通りすぎる

Slide 52

Slide 52 text

① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にするゴーストが進行方向に対して左右のどこにいるかを取得する以下の4ステップ 1. 現在の緯度経度 2. 現在の進行方向 3. 同じ経過時間にいるゴーストの緯度経度 4. 緯度経度の差を、進行方向から見た左右の位置（m）へ変換

Slide 53

Slide 53 text

􀋒 ① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にするゴーストが進行方向に対して左右のどこにいるかを取得する以下の4ステップ 1. 現在の緯度経度 Core Location から把握する 2. 現在の進行方向 3. 同じ経過時間にいるゴーストの緯度経度 4. 緯度経度の差を、進行方向から見た左右の位置（m）へ変換

Slide 54

Slide 54 text

① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする現在の位置情報は Core Location から取得する CLLocationUpdate から位置情報を継続的に取得 • 現在の緯度経度を取得 let updates = CLLocationUpdate.liveUpdates(.fitness) for try await update in updates { guard let location = update.location else { continue } // 現在位置の緯度・経度 currentCoordinate = location.coordinate // HealthKit のルートへ保存する処理など・・・ // 現在の移動方向（負であればエラー） } guard location.course >= 0 else { continue } courseDegrees = location.course liveUpdates(̲:)：https://developer.apple.com/documentation/corelocation/cllocationupdate/liveupdates(̲:)

Slide 55

Slide 55 text

① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする現在の位置情報は Core Location から取得する CLLocation.course*から進行方向を取得 • 北を0 とした進行方向を取得 let updates = CLLocationUpdate.liveUpdates(.fitness) for try await update in updates { guard let location = update.location else { continue } // 現在位置の緯度・経度 currentCoordinate = location.coordinate // HealthKit のルートへ保存する処理など・・・ // 現在の移動方向（負であればエラー）＊端末が向いている方向ではなく、実際に移動している方向 } guard location.course >= 0 else { continue } courseDegrees = location.course CLocation.course：https://developer.apple.com/documentation/corelocation/cllocation/course

Slide 56

Slide 56 text

􀐳􀐳 ① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする現在の位置情報は Core Location から取得する CLLocation.course*から進行方向を取得 • 北を0 とした進行方向を取得北（0°）西（270°）東（90°）現在位置 45 （北東方向）南（180°）前回位置＊端末が向いている方向ではなく、実際に移動している方向 CLocation.course：https://developer.apple.com/documentation/corelocation/cllocation/course

Slide 57

Slide 57 text

① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする現在の位置情報は Core Location から取得する CLLocation.course から進行方向を取得 • 北を0 とした進行方向を取得現在の進行方向と緯度経度が取得できた

Slide 58

Slide 58 text

Slide 59

Slide 59 text

① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする同じ経過時間にいるゴーストの緯度経度ゴーストのデータは経過時間から緯度経度が取得できる緯度経度経過時間走行距離 35.6812, 139.7671 0.0 s 0m 35.6813, 139.7676 1.8 s 5.1 m … … … 35.6825, 139.7721 150 s 482 m 時間から緯度経度 150秒 → (35.6825, 139.7721) 同じ時間に地図上のどこにいたか // 経過時間から緯度経度を取得 let ghostCoordinate = ghost.coordinate( atTime: live.elapsedSeconds )

Slide 60

Slide 60 text

Slide 61

Slide 61 text

① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする緯度経度の差を、進行方向から見た左右の位置（m）へ変換地図の北・東の位置を、走者の前・右へ変換する地図座標走者座標北前進行方向ゴーストゴースト東自分右走者の前・右へ変換自分

Slide 62

Slide 62 text

↑ ① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする緯度経度の差を、進行方向から見た左右の位置（m）へ変換まず地図上の東・北の距離（m）へ変える let radians = Double.pi / 180 let earthRadius = 6_371_000.0 // 地球の半径 // 度からラジアンへ変換 let latitude = origin.latitude * radians let latitudeDelta = (target.latitude - origin.latitude) * radians let longitudeDelta = (target.longitude - origin.longitude) * radians // 地図上の東・北の距離（m） let eastMeters = longitudeDelta * cos(latitude) * earthRadius let northMeters = latitudeDelta * earthRadius

Slide 63

Slide 63 text

Slide 64

Slide 64 text

↑ ① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする緯度経度の差を、進行方向から見た左右の位置（m）へ変換まず地図上の東・北の距離（m）へ変える単位円 let radians = Double.pi / 180 let earthRadius = 6_371_000.0 // 地球の半径 // 度からラジアンへ変換 let latitude = origin.latitude * radians let latitudeDelta = (target.latitude - origin.latitude) * radians let longitudeDelta = (target.longitude - origin.longitude) * radians // 地図上の東・北の距離（m） let eastMeters = longitudeDelta * cos(latitude) * earthRadius let northMeters = latitudeDelta * earthRadius 地球の半径

Slide 65

Slide 65 text

Slide 66

Slide 66 text

① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする緯度経度の差を、進行方向から見た左右の位置（m）へ変換北を進行方向に合わせると、ゴーストが右側か左側か分かる ✅ 地図座標北走者座標前進行方向ゴーストゴースト東自分右走者の前・右へ変換自分

Slide 67

Slide 67 text

① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする緯度経度の差を、進行方向から見た左右の位置（m）へ変換北を進行方向に合わせると、ゴーストが右側か左側か分かる // CLLocation,courseは度なのでラジアンへ変換 let course = courseDegrees * .pi / 180 // 進行方向から見た左右の距離（単位 m） let rightMeters = eastMeters * cos(course) - northMeters * sin(course)

Slide 68

Slide 68 text

Slide 69

Slide 69 text

① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする進行方向に対するゴーストの前後左右の位置 Core Motion で「前後」、 Core Location で「左右」 // Core Motionから求めた前後（単位 m） let ghostDistance = ghost.distance(atTime: elapsedSeconds) let forwardDistance = ghostDistance - liveDistance // Core Locationから前述の計算から求めた左右（単位 m） let rightDistance = rightDistance( from: liveLocation.coordinate, to: ghostCoordinate, courseDegrees: liveLocation.course ) 進行方向に対するゴーストの前後左右の位置がわかった

Slide 70

Slide 70 text

􀐳􀐳 ① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする空間上の位置が把握できた ✅

Slide 71

Slide 71 text

􀐳􀐳􀪷􁀨􀙱 ① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする次は空間上の位置を「足音」にして配置する

Slide 72

Slide 72 text

􀐳􀐳􀪷􁀨􀙱 ① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にするゴーストの位置を、聞こえる位置へ変えるここまでに求めた「右・前」の位置を、足音の3D座標として配置する

Slide 73

Slide 73 text

􁀨 􀪷 􀐳􀙱 ① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする足音を3D空間で感じられるオーディオにする単に足音を再生するだけでは、前後左右から聞こえるように感じない AVAudioEngine の AVAudioEnvironmentNode を利用する AVAudioPlayerNode AVAudioEnvironmentNode 足音を再生する方向と距離を音へ反映する足音イヤホン AVFAudio：https://developer.apple.com/documentation/avfaudio AVAudioEnvironmentNode：https://developer.apple.com/documentation/avfaudio/avaudioenvironmentnode

Slide 74

Slide 74 text

① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする空間オーディオで決めるのは「どんな音をどこから聞くか」 • 聞き手：現在の自分。座標の原点に固定 // 聞き手である自分は、常に原点 • 足音：1点から鳴る音として扱う • 聞こえ方：前後左右の方向感を作る environment.listenerPosition = AVAudio3DPoint(x: 0, y: 0, z: 0) // 足音を1つの位置から鳴る音として扱う player.sourceMode = .pointSource // イヤホンで方向を感じられるようにする player.renderingAlgorithm = .HRTFHQ HRTF：左右の耳へ届く音の違いを再現し、音が来る方向を感じさせる仕組み。 HRTFHQ は仕組みを高品質に引き上げたもの。 pointSource：https://developer.apple.com/documentation/avfaudio/avaudio3dmixingsourcemode/pointsource HRTFHQ：https://developer.apple.com/documentation/avfaudio/avaudio3dmixingrenderingalgorithm/hrtfhq

Slide 75

Slide 75 text

􀪷􀙱􀐳􀐳 ① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする走者に対するゴーストの位置を空間オーディオに配置前後左右（m）の位置を AVAudioPlayerNode の座標に指定 // Core Motionから求めた前後（単位 m） let forwardDistance = ghostDistance - liveDistance // Core Locationから前述の計算から求めた左右（単位 m） let rightDistance = rightDistance( from: liveLocation.coordinate, to: ghostCoordinate, courseDegrees: liveLocation.course ) // Playerの音源位置を設定 player.position = AVAudio3DPoint( x: Float(rightDistance), // 右が +X ) y: 0, // 高さは固定（地面） z: Float(-forwardDistance) // 前が -Z

Slide 76

Slide 76 text

① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする 1回の更新ごとに距離差が空間オーディオの「足音」になる Core Motion // Core Motionから求めた前後（単位 m） let forwardDistance = ghostDistance - liveDistance 前後：走行距離の差 // Core Locationから前述の計算から求めた左右（単位 m） let rightDistance = rightDistance( from: liveLocation.coordinate, to: ghostCoordinate, courseDegrees: liveLocation.course ) CoreLocation 左右：進行方向に対してどちら側か // Playerの音源位置を設定 player.position = AVAudio3DPoint( x: Float(rightDistance), // 右が +X ) y: 0, // 高さは固定（地面） z: Float(-forwardDistance) // 前が -Z AVFAudio 足音：空間オーディオを座標に配置

Slide 77

Slide 77 text

􀐳􀐳􀪷􁀨􀙱 ① 過去の記録から ② ゴーストと自分とのゴーストを作る「前後の差」がわかる ③ ゴーストの位置を「足音」にする空間上の位置に「足音」を配置できた 🎉 ✅ ✅

Slide 78

Slide 78 text

まとめ • HealthKit にあるワークアウトを空間上の「足音」にした • 前後は走行距離（Core Motion）、左右は緯度経度（Core Location）で把握足音は AVFAudio の空間オーディオで表現した

Slide 79

Slide 79 text

まとめ • HealthKit にあるワークアウトを空間上の「足音」にした • 前後は走行距離（Core Motion）、左右は緯度経度（Core Location）で把握足音は AVFAudio の空間オーディオで表現した • 「実装は AI、実走は私」 • コードは AI と書けても、聞き心地は自分で走るしかない

Slide 80

Slide 80 text

まとめ • HealthKit にあるワークアウトを空間上の「足音」にした • 前後は走行距離（Core Motion）、左右は緯度経度（Core Location）で把握足音は AVFAudio の空間オーディオで表現した • 「実装は AI、実走は私」実装して、走ったその距離 • コードは AI と書けても、聞き心地は自分で走るしかない 115.3 km

Slide 81

Slide 81 text

まとめ • HealthKit にあるワークアウトを空間上の「足音」にした • 前後は走行距離（Core Motion）、左右は緯度経度（Core Location）で把握体験向上のために様々な工夫を入れたりしてます足音は AVFAudio の空間オーディオで表現した Ask the Speaker、または • 「実装は AI、実走は私」会場で声をかけてください • コードは AI と書けても、聞き心地は自分で走るしかない TestFlight もお渡しできます

Slide 82

Slide 82 text

ご清聴ありがとうございました