FluttAR - Implementing Augmented Reality in Flutter using Unity’s AR Foundation Framework

on YouTube ↗19m

" summary

Practical how‑to for a working FluttAR pipeline: use Unity AR Foundation to unify ARKit/ARCore, embed the Unity scene in Flutter via flutter_unity_widget, and detect a paper map with AR Tracked Image Manager to spawn a 3x3 Battleship grid. Touch handling uses Unity raycasts, sends X/Y JSON to Flutter through UnityMessageManager, and server verifies hits. Setup requires Unity Hub, NDK and platform configs, C# plus Dart code, and long compile cycles, but the demo board and shooting flow operate end‑to‑end.

AI-written summary · about

" chapters (6)

1. 0:00Introduction to FluttAR
2. 3:10Setting up Unity and Flutter
3. 7:08Displaying game board in AR
4. 10:16Adding interaction with raycast
5. 13:46Handling cannonball hits
6. 16:16Final thoughts and demo

" related talks

• 28mChanging the world with ARAntonia Forster · Unity for Humanity Summit 2021
• 20mGetting StARted with AR FoundationLiam Sorta · droidCon Berlin 2019
• 44mDiscovering Augmented Reality with ARCoreChristophe Jollivet, Jérémy Voisin · Devoxx Belgium 2019
• 01h 16mAugmented Reality For The MassesSiamak Ashrafi · Silicon Valley Code Camp 2018
• 35mExploring augmented reality with AR CoreChristophe Jollivet, Jérémy Voisin · Orléans Tech Conf 2019
• 48mRendering techniques for augmented reality and a look ahead at AR foundationLukasz Pasek, Jimmy Alamparambil · Unite LA 2018
• 37mExploring Augmented Reality with ARCoreChristophe Jollivet, Jérémy Voisin · DevFest Toulouse 2019
• 38mThe "R" in AR means data and Augmented Images makes it happenNoble Ackerson · REFACTR.TECH 2019