Is everything already virtual ?

As world prepares for Virtuality, should our apps also….?

Begin….

What’s AR ?

Augmented reality (AR) is an interactive experience of a real-world environment where the objects that reside in the real-world are “augmented” by computers..

Diving in….

Choose the right development IDE for your use-case

ARCore IDE’s
ARCore IDE’s

For more info, https://developers.google.com/ar/

Enter Flutter….

Note : Currently supports Android only….If your use-case is cross-platform, try Unity

Integrating AR in your app requires the below steps:

  1. Install the arcore plugin…(ARCORE)
  2. Change the minSdkVersion to 24 and compileSdkVersion to 28 (both available under app/build.gradle)

This is because arcore is inbuilt for android phones starting from Nougat (apiLevel 24)….

defaultConfig {        
...             
minSdkVersion 24        
...    
}

android {
...    
compileSdkVersion 28 
...
}

3. Try running the sample app available here, 

https://github.com/khalithartmann/flutter_arcore_plugin/tree/master/arcore_plugin/example

If all good, you can see this….(on actual android device)

Flutter and AR…
Flutter and AR…

But, I dont have an Android device..

No Android device…
No Android device…

You can even run the app on Android Emulator with some efforts !!!!!!


Run on Emulator….

  1. You need to sign into your Google account in Emulator
  2. Most likely your Android Emulator wont have the latest ARCore updates. When you launch the above app, it will ask you to update…
  3. Still not working??

Go to https://github.com/google-ar/arcore-android-sdk/releases/tag/v1.8.0

Android Emulator…
Android Emulator

Click on the 3rd option, and download the apk..

 — Drag and drop this apk into your emulator….

 — It will install this apk, like any other…

 — Wait for it to finish…

If still some issues, go to this,

https://developers.google.com/ar/develop/java/emulator

Flutter and AR…
Flutter and AR…

Insert in ARView…

  1. Click on the 3 dots available from Emulator, 
  2. Use the Camera tab in Extended controls to add or modify Scene images
  3. Two image locations, one on the wall and one on the table.

ARCore is still in early stages, for best updated experiences, do follow ARCore by Google…

Image source : https://developers.google.com/ar/images/augmented-images-earth.jpg

flutter and ar
Augmented Image..

Can’t wait to see what you build next….:)

1 Comment

  • Hugues

    Hello, thank you for this article, but this is not really AR with flutter because for now it’s just a plugin which using ArCore in order to recognize images and show, cameraview that’s all. The feature for placing objects isn’t available.

Leave a Reply

Your email address will not be published. Required fields are marked *