An open API service indexing awesome lists of open source software.

https://github.com/dreamsoftin/dream_xr

AR Plugin for Flutter
https://github.com/dreamsoftin/dream_xr

Last synced: 8 months ago
JSON representation

AR Plugin for Flutter

Awesome Lists containing this project

README

          

A simple AR Plugin which allows you to place Flutter Widget in AR. This plugin uses Mind AR to work with AR.

## Features

* Allows to Place Flutter widget on Top of target.
* Allows to place GLB/GLTF Models.

#

Puzzle Hack Example

## Usage

```dart
ImageARWidget(
/// Your Target File.
/// For this example scan any flutter logo
targetDB: TargetDB.network("https://puzzlehack.b-cdn.net/targets.mind"),
tagets: [
ImageTarget(
targetIndex: 0,
children: [
/// Your Widget.
WidgetTargetNode.child(
child: Container(
color: Colors.pink.withOpacity(0.5),
child: const Center(
child: Text("Hello World"),
),
),
),
/// Your Target Model.
ModelTargetNode(
modelUrl: "https://puzzlehack.b-cdn.net/cube_grassland.glb",
position: const TransformPosition(0.5, -0.5),
scale: const TransformScale(0.4, 0.4, 0.4),
rotation: const TransformRotation(90, 0, 0)),
],
),
/// Works with Multiple Target as well
ImageTarget(
targetIndex: 1,
position: const TransformPosition(
0,
0,
),
children: [
WidgetTargetNode.child(
child: Container(
color: Colors.purple,
child: const Center(
child: Text("Hello World Index 2"),
),
),
),
],
),
],
);
```

## Limitations
1. Models will always lies below Widget.
2. `.asset()` works only for android. For iOS you need to use `.network()` constructor for Target DB.

## Things to be implemented.
1. Support Loading asset files in iOS,
2. Provide Dart based implementation