Flutter Unity



Wikitude SDK 8.6: HoloLens + Flutter Plugin + Geo AR for Unity After another productive product improvement cycle, the Wikitude team is excited to present SDK version 8.6. The update includes our powerful – now product ready – HoloLens AR package, introduces support for Flutter, adds Geo-AR for Unity users, and offers further performance. Flutter unity 3D widget for embedding unity in flutter. Now you can make awesome gamified features of your app in Unity and get it rendered in a Flutter app both in fullscreen and embeddable mode. Works great on Android, iPad OS and iOS.

  1. Flutter Unity Software

Demonstrates how to use the flutter_unity_widget plugin with Unity3D ARKIT using the Unity Foundation Demo.

Run the sample on Android

  1. Open the unity project and build it: Menu -> Flutter -> Export Android
  2. Copy android/UnityExport/libs/unity-classes.jar to android/unity-classes/unity-classes.jar and overwrite the existing file. You only need to do this each time you use a different Unity version.
  3. flutter run

Run the sample on iOS

  1. Open the unity project and build it: Menu -> Flutter -> Export iOS

    Be sure you use at least Unity version 2019.3 or up.

  2. open ios/Runner.xcworkspace (workspace!, not the project) in Xcode and add the exported project in the workspace root (with a right click in the Navigator, not on an item -> Add Files to “Runner” -> add the UnityExport/Unity-Iphone.xcodeproj file

  3. Select the Unity-iPhone/Data folder and change the Target Membership for Data folder to UnityFramework

  4. flutter run

A Flutter plugin for embedding Unity projects in Flutter projects.

Both Android and iOS are supported.

Usage #

To use this plugin, add flutter_unity as a dependency in your pubspec.yaml file.

Example #

Refer to the example project and the included Unity project.

Testing #

To test this plugin, do the following:

  1. Run git clone https://github.com/Glartek/flutter-unity.git to create a local copy of flutter-unity.
  2. Open flutter-unity in Android Studio.

Android

  1. Connect your Android device and run the project.

iOS

  1. Configure the example project and the included Unity project.
  2. Connect your iOS device and run the project.

Configuring your Unity project #

Android

  1. Go to File > Build Settings... to open the Build Settings window.
  2. Select Android and click Switch Platform.
  3. Click Add Open Scenes.
  4. Check Export Project.
  5. Click Player Settings... to open the Player Settings window.
  6. In the Player Settings window, configure the following:
Setting Value
Resolution and Presentation > Start in fullscreen mode No
Other Settings > Rendering > Graphics APIs OpenGLES3
Other Settings > Configuration > Scripting Backend IL2CPP
Other Settings > Configuration > Target Architectures ARMv7, ARM64
  1. Close the Player Settings window.
  2. Click Export and save as unityExport.

iOS

  1. Go to File > Build Settings... to open the Build Settings window.
  2. Select iOS and click Switch Platform.
  3. Click Add Open Scenes.
  4. Click Build and save as UnityProject.

Configuring your Flutter project #

Android

  1. Copy the unityExport folder to <your_flutter_project>/android/unityExport.
  2. Run flutter pub run flutter_unity:unity_export_transmogrify.
  3. Open <your_flutter_project>/android/unityExport/build.gradle and check if buildTypes { profile {} } is present. If not, add the following:

Refer to the example project's unityExport/build.gradle.

  1. Open <your_flutter_project>/android/build.gradle and, under allprojects { repositories {} }, add the following:

Refer to the example project's build.gradle.

  1. Open <your_flutter_project>/android/settings.gradle and add the following:

Refer to the example project's settings.gradle.

  1. Open <your_flutter_project>/android/app/src/main/AndroidManifest.xml and add the following:
Flutter for games

Refer to the example project's AndroidManifest.xml.

Steps 1, 2 and 3 must be repeated for every new build of the Unity project.

iOS

  1. Copy the UnityProject folder to <your_flutter_project>/ios/UnityProject and open <your_flutter_project>/ios/Runner.xcworkspace in Xcode.
  2. Go to File > Add Files to 'Runner'..., and add <your_flutter_project>/ios/UnityProject/Unity-iPhone.xcodeproj.
  3. Select Unity-iPhone/Data, and, in the Inspectors pane, set the Target Membership to UnityFramework.
  4. Select Unity-iPhone, select PROJECT : Unity-iPhone, and, in the Build Settings tab, configure the following:
Setting Value
Build Options > Enable Bitcode No
Linking > Other Linker Flags -Wl,-U,_FlutterUnityPluginOnMessage
  1. Select Runner, select TARGETS : Runner, and, in the General tab, configure the following:
Setting Value
Frameworks, Libraries, and Embedded Content
Name Embed
UnityFramework.framework Embed & Sign
  1. Select Runner/Runner/Info.plist, and configure the following:
Key Type Value
io.flutter.embedded_views_preview Boolean YES

Steps 1, 3 and 4 must be repeated for every new build of the Unity project.

Exchanging messages between Flutter and Unity #

Flutter

To send a message, define the onCreated callback in your UnityView widget, and use the send method from the received controller.

To receive a message, define the onMessage callback in your UnityView widget.

Unity

Unity

To send and receive messages, include FlutterUnityPlugin.cs in your project, and use the Messages.Send and Messages.Receive methods.

A Message object has the following members:

Flutter
  • id (int)

A non-negative number representing the source view when receiving a message, and the destination view when sending a message. When sending a message, it can also be set to a negative number, indicating that the message is intended for any existing view.

  • data (string)

The actual message.

Flutter Unity Software

Refer to the included Unity project's Rotate.cs.