46
Realidade Aumentada com React Native e ARKit João Gabriel Lima https://www.linkedin.com/in/joaogabriellima/ @jgabriel_lima

Realidade aumentada com react native e ARKit

Embed Size (px)

Citation preview

Page 1: Realidade aumentada com react native e ARKit

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

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

Realidade aumentada

Page 4: Realidade aumentada com react native e ARKit

O mercado!

Page 5: Realidade aumentada com react native e ARKit
Page 6: Realidade aumentada com react native e ARKit
Page 7: Realidade aumentada com react native e ARKit
Page 8: Realidade aumentada com react native e ARKit
Page 9: Realidade aumentada com react native e ARKit
Page 10: Realidade aumentada com react native e ARKit
Page 11: Realidade aumentada com react native e ARKit

Com aplicações incríveis

Page 12: Realidade aumentada com react native e ARKit
Page 13: Realidade aumentada com react native e ARKit

http://www.youtube.com/watch?time_continue=22&v=uLoSnBK9l7c

Page 14: Realidade aumentada com react native e ARKit

http://www.youtube.com/watch?v=-o7qr1NpeNI&t=10s

Page 15: Realidade aumentada com react native e ARKit

Em Junho de 2017…

Page 16: Realidade aumentada com react native e ARKit
Page 17: Realidade aumentada com react native e ARKit
Page 18: Realidade aumentada com react native e ARKit
Page 19: Realidade aumentada com react native e ARKit
Page 20: Realidade aumentada com react native e ARKit
Page 21: Realidade aumentada com react native e ARKit

Pré requisitos…* iOS 11 beta * Xcode 9 beta * Processador A9+

Page 22: Realidade aumentada com react native e ARKit

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

Por onde começar?

Page 24: Realidade aumentada com react native e ARKit
Page 25: Realidade aumentada com react native e ARKit
Page 26: Realidade aumentada com react native e ARKit
Page 27: Realidade aumentada com react native e ARKit
Page 28: Realidade aumentada com react native e ARKit

React Native ?

Page 29: Realidade aumentada com react native e ARKit

Alguém aqui já tentou criar um biblioteca react native + Swift?

Page 30: Realidade aumentada com react native e ARKit

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

RELAXA…

Page 32: Realidade aumentada com react native e ARKit

https://github.com/HippoAR/react-native-arkit

Page 33: Realidade aumentada com react native e ARKit

Iniciando com React Native + ARKit

Page 34: Realidade aumentada com react native e ARKit

Criando a aplicação

Linkando as dependências automaticamente

Page 35: Realidade aumentada com react native e ARKit

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

ARkit is Cool !

Page 37: Realidade aumentada com react native e ARKit
Page 38: Realidade aumentada com react native e ARKit
Page 39: Realidade aumentada com react native e ARKit

o exemplo é simples, mas as possibilidades…

Page 40: Realidade aumentada com react native e ARKit

https://www.youtube.com/watch?v=RsgbdiTJYDQ

Page 41: Realidade aumentada com react native e ARKit

Você também pode (e deve) contribuir…

Page 42: Realidade aumentada com react native e ARKit

Tenho um convide para a comunidade FEMUG-PE

Page 43: Realidade aumentada com react native e ARKit

https://medium.com/@joaogabriellima/coreml-deep-learning-embarcada-e-em-tempo-real-no-seu-iphone-ebed77d79a79

Page 44: Realidade aumentada com react native e ARKit

https://www.youtube.com/watch?v=cfBnVP6Vyco

Page 45: Realidade aumentada com react native e ARKit

React-Native-DeepVision

Simbora? Quem agita em desenrolar esse projeto?

Page 46: Realidade aumentada com react native e ARKit

Realidade Aumentada com React Native e ARKit

João Gabriel Lima https://www.linkedin.com/in/joaogabriellima/

@jgabriel_lima