Download - Realidade aumentada com react native e ARKit
![Page 1: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/1.jpg)
Realidade Aumentada com React Native e ARKit
João Gabriel Lima https://www.linkedin.com/in/joaogabriellima/
@jgabriel_lima
![Page 2: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/2.jpg)
PARAENSE
CTO NA EPITRACK
ENTUSIASTA DE NOVAS TECNOLOGIAS
PESQUISADOR EM MACHINE LEARNING E BIG DATA
PHD CANDIDATE EM INTELIGÊNCIA ARTIFICIAL
Realidade Aumentada com React Native e ARKit
João Gabriel Lima https://www.linkedin.com/in/joaogabriellima/
@jgabriel_lima
![Page 3: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/3.jpg)
Realidade aumentada
![Page 4: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/4.jpg)
O mercado!
![Page 5: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/5.jpg)
![Page 6: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/6.jpg)
![Page 7: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/7.jpg)
![Page 8: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/8.jpg)
![Page 9: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/9.jpg)
![Page 10: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/10.jpg)
![Page 11: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/11.jpg)
Com aplicações incríveis
![Page 12: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/12.jpg)
![Page 13: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/13.jpg)
http://www.youtube.com/watch?time_continue=22&v=uLoSnBK9l7c
![Page 14: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/14.jpg)
http://www.youtube.com/watch?v=-o7qr1NpeNI&t=10s
![Page 15: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/15.jpg)
Em Junho de 2017…
![Page 16: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/16.jpg)
![Page 17: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/17.jpg)
![Page 18: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/18.jpg)
![Page 19: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/19.jpg)
![Page 20: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/20.jpg)
![Page 21: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/21.jpg)
Pré requisitos…* iOS 11 beta * Xcode 9 beta * Processador A9+
![Page 22: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/22.jpg)
http://www.iphonehacks.com/2017/06/list-iphone-ipad-compatible-arkit-ios-11.html
iPhone SE iPhone 6s iPhone 6s Plus iPhone 7 iPhone 7 Plus iPad Pro New 9.7-inch iPad (2017) iPhone 8 iPhone X
![Page 23: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/23.jpg)
Por onde começar?
![Page 24: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/24.jpg)
![Page 25: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/25.jpg)
![Page 26: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/26.jpg)
![Page 27: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/27.jpg)
![Page 28: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/28.jpg)
React Native ?
![Page 29: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/29.jpg)
Alguém aqui já tentou criar um biblioteca react native + Swift?
![Page 30: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/30.jpg)
React.NativeModules
https://moduscreate.com/swift-modules-for-react-native/
Link de dependências Configuração de projeto
Bridge Debug da Integração
Distribuição Testes
![Page 31: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/31.jpg)
RELAXA…
![Page 32: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/32.jpg)
https://github.com/HippoAR/react-native-arkit
![Page 33: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/33.jpg)
Iniciando com React Native + ARKit
![Page 34: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/34.jpg)
Criando a aplicação
Linkando as dependências automaticamente
![Page 35: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/35.jpg)
index.ios.js
Iniciando com o componente
<ARKit />
placeDetection lightEstimation
<ARKit.Box>
pos: x, y, z shape: - width - height - length - chamfer
![Page 36: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/36.jpg)
ARkit is Cool !
![Page 37: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/37.jpg)
![Page 38: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/38.jpg)
![Page 39: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/39.jpg)
o exemplo é simples, mas as possibilidades…
![Page 41: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/41.jpg)
Você também pode (e deve) contribuir…
![Page 42: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/42.jpg)
Tenho um convide para a comunidade FEMUG-PE
![Page 43: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/43.jpg)
https://medium.com/@joaogabriellima/coreml-deep-learning-embarcada-e-em-tempo-real-no-seu-iphone-ebed77d79a79
![Page 45: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/45.jpg)
React-Native-DeepVision
Simbora? Quem agita em desenrolar esse projeto?
![Page 46: Realidade aumentada com react native e ARKit](https://reader034.vdocuments.net/reader034/viewer/2022050700/5a6d08a77f8b9ad1418b4a41/html5/thumbnails/46.jpg)
Realidade Aumentada com React Native e ARKit
João Gabriel Lima https://www.linkedin.com/in/joaogabriellima/
@jgabriel_lima