As presented in droidcon Tel Aviv 2018: http://il.droidcon.com

1. ARCore Dance Party!
Augmented Reality with SceneForm
Uri Shaked
@UriShaked
Droidcon Tel Aviv
October 2018

2. @UriShaked
Meet The Speaker
• Google Developer Expert

3. @UriShaked
Meet The Speaker
• Google Developer Expert
• I love Robotics and Electronics

4. @UriShaked
Meet The Speaker
• Google Developer Expert
• I love Robotics and Electronics

5. @UriShaked
Meet The Speaker
• Google Developer Expert
• I love Robotics and Electronics
• I dance Salsa and play the Peruvian pan flute

6. @UriShaked
Meet The Speaker
• Google Developer Expert
• I love Robotics and Electronics
• I dance Salsa and play the Peruvian pan flute
• I work for BlackBerry

7. @UriShaked
Augmented Reality
Placing virtual objects in the real world

8. @UriShaked
ARCore
• Track phone movements in Real Time
• Find surfaces (planes) in the real world
• Estimate lighting
• You can run ARCore in the emulator

9. @UriShaked
Creating ARCore Apps
• Unity - Most Popular, Cross-Platform
• WebXR - Still under development, Cross-Platform
• OpenGL API - Don't even try...
• SceneForm - Simple, we will do it today

10. @UriShaked
What's SceneForm?
• Scene Graph API - What to render, now how
• Android Studio Plugin
• Simple ARCore Integration
• No support for animated 3d models (yet) 😢

11. @UriShaked
ArFragment
• Add it to your layouts
• Ensure ARCore is installed
• Asks for Camera permission, if needed

12. @UriShaked
Let's Code!
• Create a new Kotlin project
• Follow setup instructions:
◦ Add dependencies
◦ Update Manifest
◦ Add ArFragment

13. @UriShaked
Get 3D Models Quickly
Poly
SketchFab
Mixamo

14. @UriShaked
Importing 3D Models
• Create a Sample Data directory, put model inside
• Import it using SceneForm Plugin
• Create a ModelRenderable:
ModelRenderable.builder()
.setSource(fragment.context, uri).build()

15. @UriShaked
Placing the Models
• Use fragment.arSceneView.arFrame.hitTest()
• Create an AnchorNode from hit.createAnchor()
• Set the node's renderable property, attach to
fragment.arSceneView.scene

16. @UriShaked
Adding Interactivity
• Using TransformableNode
• Using setOnTapListener

17. @UriShaked
Animating
Animate the node properties using an ObjectAnimator:
• localPosition
• localScale
• localRotation

18. @UriShaked
What's Next?
• Cloud Anchors
• Augmented Images

19. @UriShaked
Learn more...
• ARCore Reference
• SceneForm Tutorial
• ARCore on the Web (WebXR)

20. See you next time!
@UriShaked
Thank you !
Slides:
https://go.urish.org/arcore-slides