Presentacion de la charla "ARCore" realida aumentada para Android para la comunidad GDG guatemala

1. Realidad Aumentada para Android
Byron Ajin

2. Byron Ajin

3. Historia de
Realidad Aumentada

4. 1959 - Morton Heilig

5. 1968 - Ivan Sutherland - Sword of Damocles

6. 1975 - Myron Krueger - VideoPlace

7. 1992 – Louis Rosemberg – Virtual Fixtures

8. 2000 - ARToolkit

9. 2012 – Google glass

10. 2014 – Google Cardboard

11. 2015 – Oculus Rift

12. 2012 – Vuforia

13. 2012 – Vuforia

14. 2014 – Project Tango

15. 2014 – Project Tango

16. 2017

17. 2018 – ARKit

18. 2017 – ARCore

20. ARCore permite al teléfono “comprender” el mundo real e interactuar con el.

21. ARCore utiliza tres procesos para integrar contenido
virtual a través de la cámara del teléfono:
1) Motion tracking
2) Environmental understanding
3) Light estimation

22. Motion Tracking
Cuando el teléfono se mueve, ARCore detecta distintos features a través de la cámara generando “feature points”.
Estos puntos son utlizados para detectar la posición y orientación.

23. Environmental understanding
ARCore constantemente esta detectando features points y planos, con esta información ARCore busca grupos o clusters
que esten en común en horizontal o vertical como mesas y paredes, generando como resultado “planes”

24. Light estimation
ARCore puede detectar información acerca de la luz en el ambiente y provee información de la intensidad y color de la
cámara.

25. Dispositivos que soportan ARCore
Listado completo de dispositivos:
https://developers.google.com/ar/discover/supported-
devices

26. SceneForm SDK

27. Facilita el uso ARCore sin necesitar el conocimiento
avanzados de OpenGl y 3D

29. Existen dos tipos de aplicaiones de AR:
• AR Required
• AR Optional

30. <uses-permission android:name="android.permission.CAMERA" />
…
<application>
<meta-data android:name="com.google.ar.core" android:value="optional" />
…
</application>
AR Optional
(minSdkVersion >= 14 ) Ice Cream Sandwich

31. AR Required
(minSdkVersion >= 24) Nougat
<uses-permission android:name="android.permission.CAMERA" />
<uses-feature android:name="android.hardware.camera" />
…
<application>
<meta-data android:name="com.google.ar.core" android:value="required" />
…
</application>

32. Dependencies
dependencies {
implementation "com.google.ar.sceneform:core:1.4.0"
implementation "com.google.ar.sceneform.ux:sceneform-ux:1.4.0"
implementation "com.android.support:appcompat-v7:27.1.1"
}

33. ArFragment
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.google.ar.sceneform.samples.hellosceneform.HelloSceneformActivity">
<fragment android:name="com.google.ar.sceneform.ux.ArFragment"
android:id="@+id/ux_fragment"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</FrameLayout>

34. Renderable
Modelo 3D que consiste en meshes, materials y texturas
que se pueden renderizar en pantalla utilizando Scenform

36. Importando 3D Assets
Instalar Google Scenform tools plugin:
Windows: File > Settings > Plugins > Browse Repositories
macOS: Android Studio > Preferences > Plugins

38. Scenform soporta OBJ, FBX, y glTF.
Pasos para agregar un nuevo asset:
1) Verificar que el Proyecto contenga la carpeta “sampledata”
2) Copiar los 3D model source asset file (*.obj, *.fbx, or *.gltf), y todas sus
dependencias (*.mtl, *.bin, *.png, *.jpg, etc.) en el folder de sampledata.
3) Click derecho en cada 3D model y seleccionar “Import Sceneform Asset”

40. (PBR) Physically Based Rendering

42. Agregando Renderable
ModelRenderable.builder()
.setSource(this, Uri.parse("andy.sfb"))
.build()
.thenAccept(renderable -> andyRenderable = renderable)
.exceptionally(
throwable -> {
Log.e(TAG, "Unable to load Renderable.", throwable);
return null;
});

43. Nodos

44. Nodos
Un nodo puede tener múltiples hijos, pero solo un nodo
padre. Formando una estructura de árbol llamada “scene
graph”

45. Agregando Renderable
Anchor
Anchor anchor = hitResult.createAnchor();
AnchorNode anchorNode = new AnchorNode(anchor);
anchorNode.setParent(arFragment.getArSceneView().getScene());

46. Agregando Renderable
TransformableNode
// Create the transformable andy and add it to the anchor.
TransformableNode andy = new
TransformableNode(arFragment.getTransformationSystem());
andy.setParent(anchorNode);
andy.setRenderable(andyRenderable);
andy.select();

47. ARCore en el Emulador
• Android Studio 3.1 or later.
• Android Emulator 27.2.9 or later.
Development machine that supports OpenGL ES 3.0 or higher.
• Configure the virtual device
• Select the Pixel or Pixel 2 hardware profile.
• Select the Oreo: API Level 27: x86: Android 8.1 (Google APIs) system image.
• Confirm that your virtual device is configured correctly:
• Go to Verify Configuration > Show Advanced Settings.
• Make sure that Camera Back is set to VirtualScene.
https://developers.google.com/ar/develop/java/emulator

48. Recursos para descargar
Modelos 3D
https://sketchfab.com/
https://poly.google.com/
https://assetstore.unity.com/

49. CodeLab Recomendado
https://codelabs.developers.google.com/codelabs/sceneform-intro/index.html?index=..%2F..%2Fio2018#0

50. https://github.com/byronap120/HelloSceneForm
Repositorio de la charla

51. Gracias por su atencion!!
Byron Ajin
https://github.com/byronap120/
https://twitter.com/Byronap12