“ARKit в приложении Афиша Рестораны”, Меджлумян Самвел, Антышев Дмитрий, Rambler&Co Avito Special iOS event (12.09.2017) https://avitotech.timepad.ru/event/566035/

1. ARKIT
♂
Самвел Меджлумян Дмитрий Антышев

2. AGENDA
• ARKit под капотом
• Наши кейсы
• Практическая реализация
• Итоги
2

3. ARKIT ПОД КАПОТОМ
developer.apple.com/videos/play/wwdc2017/602/
3

4. A9 И A10
Поддержка процессоров
4

5. 5
SE 6S/6S PLUS 7/7 PLUS

6. SCENEKIT, SPRITEKIT, METAL
and third-party tools like Unity and Unreal Engine
6

7. VISUAL INERTIAL ODOMETRY
7

8. VISUAL INERTIAL ODOMETRY
8
CAMERA OUTPUT
COREMOTION

9. 9
COREMOTION
ACCELEROMETER
GYROSCOPE
PEDOMETER
ENVIRONMENT-RELATED

10. НАШИ КЕЙСЫ
10

11. РЕСТОРАНЫ РЯДОМ
отображение ресторанов в радиусе 1 км
11
🗺

12. 12

13. МАРШРУТ ДО ЗАВЕДЕНИЯ
13
🚦

14. 14

15. 15

16. 16

17. 17
ОПРЕДЕЛИТЬ РАСПОЛОЖЕНИЕ ОБЪЕКТА В
ПРОСТРАНСТВЕ
ЗАКРЕПИТЬ ОБЪЕКТ В ПОЗИЦИИ
ОТРИСОВАТЬ ОБЪЕКТ В ПРОСТРАНСТВЕ

18. 18
ПОСЧИТАТЬ АЗИМУТ
СФОРМИРОВАТЬ МАТРИЦУ 4Х4 И ANCHOR
СФОРМИРОВАТЬ NODE

19. АЗИМУТ
19

20. КОД АЗИМУТА
20
func azimuthBetween(_ firstLocation: CLLocation, secondLocation: CLLocation) -> CGFloat {
var azimuth: CGFloat = 0.0
// переводим координаты в радианы
let firstLatitude: CGFloat = GLKMathDegreesToRadians(firstLocation.coordinate.latitude)
let firstLongitude: CGFloat = GLKMathDegreesToRadians(firstLocation.coordinate.longitude)
let secondLatitude: CGFloat = GLKMathDegreesToRadians(secondLocation.coordinate.latitude)
let secondLongitude: CGFloat = GLKMathDegreesToRadians(secondLocation.coordinate.longitude)
// считаем корректный радиан
let resultLongitude: CGFloat = secondLongitude - firstLongitude
let y: CGFloat = sin(resultLongitude) * cos(secondLatitude)
let x: CGFloat = cos(firstLatitude) * sin(secondLatitude) - sin(firstLatitude) * cos(secondLatitude) *
cos(resultLongitude)
let radiansBearing: CGFloat = atan2(y, x)
// переводим радиан в градусы
azimuth = GLKMathRadiansToDegrees(radiansBearing)
return azimuth
}

21. КОД АЗИМУТА
21
let firstLatitude: CGFloat =
GLKMathDegreesToRadians(firstLocation.coordinate.latitude)
let firstLongitude: CGFloat =
GLKMathDegreesToRadians(firstLocation.coordinate.longitude)
let secondLatitude: CGFloat =
GLKMathDegreesToRadians(secondLocation.coordinate.latitude)
let secondLongitude: CGFloat =
GLKMathDegreesToRadians(secondLocation.coordinate.longitude)
func azimuthBetween(_ firstLocation: CLLocation, secondLocation: CLLocation) -> CGFloat {
var azimuth: CGFloat = 0.0
// переводим координаты в радианы
let firstLatitude: CGFloat = GLKMathDegreesToRadians(firstLocation.coordinate.latitude)
let firstLongitude: CGFloat = GLKMathDegreesToRadians(firstLocation.coordinate.longitude)
let secondLatitude: CGFloat = GLKMathDegreesToRadians(secondLocation.coordinate.latitude)
let secondLongitude: CGFloat = GLKMathDegreesToRadians(secondLocation.coordinate.longitude)
// считаем корректный радиан
let resultLongitude: CGFloat = secondLongitude - firstLongitude
let y: CGFloat = sin(resultLongitude) * cos(secondLatitude)
let x: CGFloat = cos(firstLatitude) * sin(secondLatitude) - sin(firstLatitude) * cos(secondLatitude) *
cos(resultLongitude)
let radiansBearing: CGFloat = atan2(y, x)
// переводим радиан в градусы
azimuth = GLKMathRadiansToDegrees(radiansBearing)
return azimuth
}

22. КОД АЗИМУТА
22
let resultLongitude: CGFloat = secondLongitude -
firstLongitude
let y: CGFloat = sin(resultLongitude) * cos(secondLatitude)
let x: CGFloat = cos(firstLatitude) * sin(secondLatitude) -
sin(firstLatitude) * cos(secondLatitude) * cos(resultLongitude)
let radiansBearing: CGFloat = atan2(y, x)
func azimuthBetween(_ firstLocation: CLLocation, secondLocation: CLLocation) -> CGFloat {
var azimuth: CGFloat = 0.0
// переводим координаты в радианы
let firstLatitude: CGFloat = GLKMathDegreesToRadians(firstLocation.coordinate.latitude)
let firstLongitude: CGFloat = GLKMathDegreesToRadians(firstLocation.coordinate.longitude)
let secondLatitude: CGFloat = GLKMathDegreesToRadians(secondLocation.coordinate.latitude)
let secondLongitude: CGFloat = GLKMathDegreesToRadians(secondLocation.coordinate.longitude)
// считаем корректный радиан
let resultLongitude: CGFloat = secondLongitude - firstLongitude
let y: CGFloat = sin(resultLongitude) * cos(secondLatitude)
let x: CGFloat = cos(firstLatitude) * sin(secondLatitude) - sin(firstLatitude) * cos(secondLatitude) *
cos(resultLongitude)
let radiansBearing: CGFloat = atan2(y, x)
// переводим радиан в градусы
azimuth = GLKMathRadiansToDegrees(radiansBearing)
return azimuth
}

23. 23
КОД АЗИМУТА
azimuth = GLKMathRadiansToDegrees(radiansBearing)
func azimuthBetween(_ firstLocation: CLLocation, secondLocation: CLLocation) -> CGFloat {
var azimuth: CGFloat = 0.0
// переводим координаты в радианы
let firstLatitude: CGFloat = GLKMathDegreesToRadians(firstLocation.coordinate.latitude)
let firstLongitude: CGFloat = GLKMathDegreesToRadians(firstLocation.coordinate.longitude)
let secondLatitude: CGFloat = GLKMathDegreesToRadians(secondLocation.coordinate.latitude)
let secondLongitude: CGFloat = GLKMathDegreesToRadians(secondLocation.coordinate.longitude)
// считаем корректный радиан
let resultLongitude: CGFloat = secondLongitude - firstLongitude
let y: CGFloat = sin(resultLongitude) * cos(secondLatitude)
let x: CGFloat = cos(firstLatitude) * sin(secondLatitude) - sin(firstLatitude) * cos(secondLatitude) *
cos(resultLongitude)
let radiansBearing: CGFloat = atan2(y, x)
// переводим радиан в градусы
azimuth = GLKMathRadiansToDegrees(radiansBearing)
return azimuth
}

24. 24
✅ ПОСЧИТАТЬ АЗИМУТ
СФОРМИРОВАТЬ МАТРИЦУ 4Х4 И ANCHOR
СФОРМИРОВАТЬ NODE

25. ФОРМИРУЕМ МАТРИЦУ
25
func getTranslationMatrix(_ position: vector_float4) -> matrix_float4x4 {
let matrix: matrix_float4x4 = matrix_identity_float4x4
matrix.columns[3] = position
return matrix
}

26. ФОРМИРУЕМ ANCHOR
26
var anchor = ARAnchor(transform: place.setupTransform)
skView.session.add(anchor)

27. 27
✅ ПОСЧИТАТЬ АЗИМУТ
✅ СФОРМИРОВАТЬ МАТРИЦУ 4Х4 И ANCHOR
СФОРМИРОВАТЬ NODE

28. ФОРМИРУЕМ NODE
28
func view(_ view: ARSKView, nodeFor anchor: ARAnchor) -> SKNode?
var configuration = ARWorldTrackingConfiguration()
configuration.worldAlignment = .gravityAndHeading
skView.session.run(with: configuration)
НАСТРОЙКА
ARSKViewDelegate

29. 29
✅ ПОСЧИТАТЬ АЗИМУТ
✅ СФОРМИРОВАТЬ МАТРИЦУ 4Х4
✅ СФОРМИРОВАТЬ ANCHOR И NODE

30. 30

31. 31

32. 32
ОСНОВНЫЕ ПОИНТЫ

33. 33
ПОСЧИТАТЬ АЗИМУТ И ДИСТАНЦИЮ
СФОРМИРОВАТЬ МАТРИЦУ 4Х4 И ANCHOR
СФОРМИРОВАТЬ NODE

34. ИТОГИ
🤔

35. ИТОГИ
• Виральный эффект
35
• Лояльность пользователей
• Повышение Retention rate
• Фичеринг

36. ONE MORETHING
36

37. 37

38. 38
AR
gartner.com