update example project

example/lib/main.dart

@@ -31,10 +31,7 @@ class _MyAppState extends State<MyApp> with SingleTickerProviderStateMixin {
   Widget build(BuildContext context) {
     return MaterialApp(
         // showPerformanceOverlay: true,
-        home: Scaffold(
+        home: Scaffold(body: ExampleWidget()));
-      body: 
-      ExampleWidget()
-    ));
   }
 }
 
@@ -60,7 +57,7 @@ class _ExampleWidgetState extends State<ExampleWidget> {
   bool _loop = false;
   EdgeInsets _viewportMargin = EdgeInsets.zero;
 
-  bool _readyForScene = false;
+  bool _hasViewer = false;
 
   bool _rendering = false;
   int _framerate = 60;
@@ -69,13 +66,10 @@ class _ExampleWidgetState extends State<ExampleWidget> {
   bool _coneHidden = false;
   bool _frustumCulling = true;
 
-  StreamSubscription? _hasViewerListener;
-
   @override
   void dispose() {
     super.dispose();
     _pickResultListener?.cancel();
-    _hasViewerListener?.cancel();
   }
 
   Widget _item(void Function() onTap, String text) {
@@ -99,12 +93,6 @@ class _ExampleWidgetState extends State<ExampleWidget> {
         picked = _filamentController!.getNameForEntity(entityId!);
       });
     });
-    _hasViewerListener =
-        _filamentController!.hasViewer.listen((bool hasViewer) {
-      setState(() {
-        _readyForScene = hasViewer;
-      });
-    });
   }
 
   @override
@@ -115,7 +103,7 @@ class _ExampleWidgetState extends State<ExampleWidget> {
       children.addAll([
         _item(() {
           _createController();
-        }, "create viewer (default ubershader)"),
+        }, "create FilamentController (default ubershader)"),
         _item(() {
           _createController(
               uberArchivePath: Platform.isWindows
@@ -125,233 +113,250 @@ class _ExampleWidgetState extends State<ExampleWidget> {
                       : Platform.isIOS
                           ? "assets/lit_opaque_43.uberz"
                           : "assets/lit_opaque_43_gles.uberz");
-        }, "create viewer (custom ubershader - lit opaque only)"),
+        }, "create FilamentController (custom ubershader - lit opaque only)"),
       ]);
-    }
+    } else {
+      if (!_hasViewer) {
+        children.addAll([
+          _item(() {
+            _filamentController!.createViewer();
+            setState(() {
+              _hasViewer = true;
+            });
+          }, "create FilamentViewer")
+        ]);
+      } else {
+        children.addAll([
+          _item(() {
+            _filamentController!.destroy();
+            _filamentController = null;
+            setState(() {
+              _hasViewer = true;
+            });
+          }, "destroy viewer/texture"),
+          _item(() {
+            _filamentController!.render();
+          }, "render"),
+          _item(() {
+            setState(() {
+              _rendering = !_rendering;
+              _filamentController!.setRendering(_rendering);
+            });
+          }, "Rendering: $_rendering"),
+          _item(() {
+            setState(() {
+              _framerate = _framerate == 60 ? 30 : 60;
+              _filamentController!.setFrameRate(_framerate);
+            });
+          }, "$_framerate fps"),
+          _item(() {
+            _filamentController!.setBackgroundColor(Color(0xFF73C9FA));
+          }, "set background color"),
+          _item(() {
+            _filamentController!.setBackgroundImage('assets/background.ktx');
+          }, "load background image"),
+          _item(() {
+            _filamentController!
+                .setBackgroundImage('assets/background.ktx', fillHeight: true);
+          }, "load background image (fill height)"),
+          _item(() {
+            _filamentController!
+                .loadSkybox('assets/default_env/default_env_skybox.ktx');
+          }, 'load skybox'),
+          _item(() {
+            _filamentController!
+                .loadIbl('assets/default_env/default_env_ibl.ktx');
+          }, 'load IBL'),
+          _item(() async {
+            _light = await _filamentController!
+                .addLight(1, 6500, 150000, 0, 1, 0, 0, -1, 0, true);
+          }, "add directional light"),
+          _item(() async {
+            await _filamentController!.clearLights();
+          }, "clear lights"),
+          _item(() {
+            setState(() {
+              _postProcessing = !_postProcessing;
+            });
+            _filamentController!.setPostProcessing(_postProcessing);
+          }, "${_postProcessing ? "Disable" : "Enable"} postprocessing"),
+          _item(
+            () {
+              _filamentController!.removeSkybox();
+            },
+            'remove skybox',
+          ),
+          _item(() async {
+            _shapes =
+                await _filamentController!.loadGlb('assets/shapes/shapes.glb');
+            _animations =
+                await _filamentController!.getAnimationNames(_shapes!);
+            setState(() {});
+          }, 'load shapes GLB'),
+          _item(() async {
+            _animations = await _filamentController!.setCamera(_shapes!, null);
+            setState(() {});
+          }, 'set camera to first camera in shapes GLB'),
+          _item(() async {
+            if (_coneHidden) {
+              _filamentController!.reveal(_shapes!, "Cone");
+            } else {
+              _filamentController!.hide(_shapes!, "Cone");
+            }
+            setState(() {
+              _coneHidden = !_coneHidden;
+            });
+          }, _coneHidden ? 'show cone' : 'hide cone'),
+          _item(() async {
+            if (_shapes != null) {
+              _filamentController!.removeAsset(_shapes!);
+            }
+            _shapes = await _filamentController!
+                .loadGltf('assets/shapes/shapes.gltf', 'assets/shapes');
+          }, 'load shapes GLTF'),
+          _item(() async {
+            _filamentController!.transformToUnitCube(_shapes!);
+          }, 'transform to unit cube'),
+          _item(() async {
+            _filamentController!.setPosition(_shapes!, 1.0, 1.0, -1.0);
+          }, 'set shapes position to 1, 1, -1'),
+          _item(() async {
+            _filamentController!.setCameraPosition(1.0, 1.0, -1.0);
+          }, 'move camera to 1, 1, -1'),
+          _item(() async {
+            var frameData = Float32List.fromList(
+                List<double>.generate(120, (i) => i / 120).expand((x) {
+              var vals = List<double>.filled(7, x);
+              vals[3] = 1.0;
+              // vals[4] = 0;
+              vals[5] = 0;
+              vals[6] = 0;
+              return vals;
+            }).toList());
 
-    if (_readyForScene) {
+            _filamentController!.setBoneAnimation(
-      children.addAll([
+                _shapes!,
-        _item(() {
+                BoneAnimationData(
-          _filamentController!.destroy();
+                    "Bone.001", ["Cube.001"], frameData, 1000.0 / 60.0));
-          _filamentController = null;
+            //     ,
-        }, "destroy viewer/texture"),
+            //     "Bone.001",
-        _item(() {
+            //     "Cube.001",
-          _filamentController!.render();
+            //     BoneTransform([Vec3(x: 0, y: 0.0, z: 0.0)],
-        }, "render"),
+            //         [Quaternion(x: 1, y: 1, z: 1, w: 1)]));
-        _item(() {
+          }, 'construct bone animation'),
-          setState(() {
+          _item(() async {
-            _rendering = !_rendering;
-            _filamentController!.setRendering(_rendering);
-          });
-        }, "Rendering: $_rendering"),
-        _item(() {
-          setState(() {
-            _framerate = _framerate == 60 ? 30 : 60;
-            _filamentController!.setFrameRate(_framerate);
-          });
-        }, "$_framerate fps"),
-        _item(() {
-          _filamentController!.setBackgroundColor(Color(0xFF73C9FA));
-        }, "set background color"),
-        _item(() {
-          _filamentController!.setBackgroundImage('assets/background.ktx');
-        }, "load background image"),
-        _item(() {
-          _filamentController!
-              .setBackgroundImage('assets/background.ktx', fillHeight: true);
-        }, "load background image (fill height)"),
-        _item(() {
-          _filamentController!
-              .loadSkybox('assets/default_env/default_env_skybox.ktx');
-        }, 'load skybox'),
-        _item(() {
-          _filamentController!
-              .loadIbl('assets/default_env/default_env_ibl.ktx');
-        }, 'load IBL'),
-        _item(() async {
-          _light = await _filamentController!
-              .addLight(1, 6500, 150000, 0, 1, 0, 0, -1, 0, true);
-        }, "add directional light"),
-        _item(() async {
-          await _filamentController!.clearLights();
-        }, "clear lights"),
-        _item(() {
-          setState(() {
-            _postProcessing = !_postProcessing;
-          });
-          _filamentController!.setPostProcessing(_postProcessing);
-        }, "${_postProcessing ? "Disable" : "Enable"} postprocessing"),
-        _item(
-          () {
-            _filamentController!.removeSkybox();
-          },
-          'remove skybox',
-        ),
-        _item(() async {
-          _shapes =
-              await _filamentController!.loadGlb('assets/shapes/shapes.glb');
-          _animations = await _filamentController!.getAnimationNames(_shapes!);
-          setState(() {});
-        }, 'load shapes GLB'),
-        _item(() async {
-          _animations = await _filamentController!.setCamera(_shapes!, null);
-          setState(() {});
-        }, 'set camera to first camera in shapes GLB'),
-        _item(() async {
-          if (_coneHidden) {
-            _filamentController!.reveal(_shapes!, "Cone");
-          } else {
-            _filamentController!.hide(_shapes!, "Cone");
-          }
-          setState(() {
-            _coneHidden = !_coneHidden;
-          });
-        }, _coneHidden ? 'show cone' : 'hide cone'),
-        _item(() async {
-          if (_shapes != null) {
             _filamentController!.removeAsset(_shapes!);
-          }
+            _shapes = null;
-          _shapes = await _filamentController!
+          }, 'remove shapes'),
-              .loadGltf('assets/shapes/shapes.gltf', 'assets/shapes');
+          _item(() async {
-        }, 'load shapes GLTF'),
+            _filamentController!.clearAssets();
-        _item(() async {
+            _shapes = null;
-          _filamentController!.transformToUnitCube(_shapes!);
+          }, 'clear all assets'),
-        }, 'transform to unit cube'),
+          _item(() async {
-        _item(() async {
+            var names = await _filamentController!
-          _filamentController!.setPosition(_shapes!, 1.0, 1.0, -1.0);
+                .getMorphTargetNames(_shapes!, "Cylinder");
-        }, 'set shapes position to 1, 1, -1'),
+            await showDialog(
-        _item(() async {
+                context: context,
-          _filamentController!.setCameraPosition(1.0, 1.0, -1.0);
+                builder: (ctx) {
-        }, 'move camera to 1, 1, -1'),
+                  return Container(
-        _item(() async {
+                      height: 100,
-          var frameData = Float32List.fromList(
+                      width: 100,
-              List<double>.generate(120, (i) => i / 120).expand((x) {
+                      color: Colors.white,
-            var vals = List<double>.filled(7, x);
+                      child: Text(names.join(",")));
-            vals[3] = 1.0;
+                });
-            // vals[4] = 0;
+          }, "show morph target names for Cylinder"),
-            vals[5] = 0;
+          _item(() {
-            vals[6] = 0;
+            _filamentController!.setMorphTargetWeights(
-            return vals;
+                _shapes!, "Cylinder", List.filled(4, 1.0));
-          }).toList());
+          }, "set Cylinder morph weights to 1"),
+          _item(() {
+            _filamentController!.setMorphTargetWeights(
+                _shapes!, "Cylinder", List.filled(4, 0.0));
+          }, "set Cylinder morph weights to 0.0"),
+          _item(() async {
+            var morphs = await _filamentController!
+                .getMorphTargetNames(_shapes!, "Cylinder");
+            final animation = AnimationBuilder(
+                    availableMorphs: morphs,
+                    framerate: 30,
+                    meshName: "Cylinder")
+                .setDuration(4)
+                .setMorphTargets(["Key 1", "Key 2"])
+                .interpolateMorphWeights(0, 4, 0, 1)
+                .build();
+            _filamentController!.setMorphAnimationData(_shapes!, animation);
+          }, "animate cylinder morph weights #1 and #2"),
+          _item(() async {
+            var morphs = await _filamentController!
+                .getMorphTargetNames(_shapes!, "Cylinder");
+            final animation = AnimationBuilder(
+                    availableMorphs: morphs,
+                    framerate: 30,
+                    meshName: "Cylinder")
+                .setDuration(4)
+                .setMorphTargets(["Key 3", "Key 4"])
+                .interpolateMorphWeights(0, 4, 0, 1)
+                .build();
+            _filamentController!.setMorphAnimationData(_shapes!, animation);
+          }, "animate cylinder morph weights #3 and #4"),
+          _item(() async {
+            var morphs = await _filamentController!
+                .getMorphTargetNames(_shapes!, "Cube");
+            final animation = AnimationBuilder(
+                    availableMorphs: morphs, framerate: 30, meshName: "Cube")
+                .setDuration(4)
+                .setMorphTargets(["Key 1", "Key 2"])
+                .interpolateMorphWeights(0, 4, 0, 1)
+                .build();
+            _filamentController!.setMorphAnimationData(_shapes!, animation);
+          }, "animate shapes morph weights #1 and #2"),
+          _item(() {
+            _filamentController!
+                .setMaterialColor(_shapes!, "Cone", 0, Colors.purple);
+          }, "set cone material color to purple"),
+          _item(() {
+            _loop = !_loop;
+            setState(() {});
+          }, "toggle animation looping ${_loop ? "OFF" : "ON"}"),
+          _item(() {
+            setState(() {
+              _viewportMargin = _viewportMargin == EdgeInsets.zero
+                  ? EdgeInsets.all(50)
+                  : EdgeInsets.zero;
+            });
+          }, "resize"),
+          _item(() async {
+            await Permission.microphone.request();
+          }, "request permissions (tests inactive->resume)")
+        ]);
+        if (_animations != null) {
+          children.addAll(_animations!.map((a) => _item(() {
+                _filamentController!.playAnimation(
+                    _shapes!, _animations!.indexOf(a),
+                    replaceActive: true, crossfade: 0.5, loop: _loop);
+              }, "play animation ${_animations!.indexOf(a)} (replace/fade)")));
+          children.addAll(_animations!.map((a) => _item(() {
+                _filamentController!.playAnimation(
+                    _shapes!, _animations!.indexOf(a),
+                    replaceActive: false, loop: _loop);
+              }, "play animation ${_animations!.indexOf(a)} (noreplace)")));
+        }
 
-          _filamentController!.setBoneAnimation(
+        children.add(_item(() {
-              _shapes!,
+          _filamentController!.setToneMapping(ToneMapper.LINEAR);
-              BoneAnimationData(
+        }, "Set tone mapping to linear"));
-                  "Bone.001", ["Cube.001"], frameData, 1000.0 / 60.0));
+
-          //     ,
+        children.add(_item(() {
-          //     "Bone.001",
+          _filamentController!.moveCameraToAsset(_shapes!);
-          //     "Cube.001",
+        }, "Move camera to asset"));
-          //     BoneTransform([Vec3(x: 0, y: 0.0, z: 0.0)],
+
-          //         [Quaternion(x: 1, y: 1, z: 1, w: 1)]));
+        children.add(_item(() {
-        }, 'construct bone animation'),
-        _item(() async {
-          _filamentController!.removeAsset(_shapes!);
-          _shapes = null;
-        }, 'remove shapes'),
-        _item(() async {
-          _filamentController!.clearAssets();
-          _shapes = null;
-        }, 'clear all assets'),
-        _item(() async {
-          var names = await _filamentController!
-              .getMorphTargetNames(_shapes!, "Cylinder");
-          await showDialog(
-              context: context,
-              builder: (ctx) {
-                return Container(
-                    height: 100,
-                    width: 100,
-                    color: Colors.white,
-                    child: Text(names.join(",")));
-              });
-        }, "show morph target names for Cylinder"),
-        _item(() {
-          _filamentController!
-              .setMorphTargetWeights(_shapes!, "Cylinder", List.filled(4, 1.0));
-        }, "set Cylinder morph weights to 1"),
-        _item(() {
-          _filamentController!
-              .setMorphTargetWeights(_shapes!, "Cylinder", List.filled(4, 0.0));
-        }, "set Cylinder morph weights to 0.0"),
-        _item(() async {
-          var morphs = await _filamentController!
-              .getMorphTargetNames(_shapes!, "Cylinder");
-          final animation = AnimationBuilder(
-                  availableMorphs: morphs, framerate: 30, meshName: "Cylinder")
-              .setDuration(4)
-              .setMorphTargets(["Key 1", "Key 2"])
-              .interpolateMorphWeights(0, 4, 0, 1)
-              .build();
-          _filamentController!.setMorphAnimationData(_shapes!, animation);
-        }, "animate cylinder morph weights #1 and #2"),
-        _item(() async {
-          var morphs = await _filamentController!
-              .getMorphTargetNames(_shapes!, "Cylinder");
-          final animation = AnimationBuilder(
-                  availableMorphs: morphs, framerate: 30, meshName: "Cylinder")
-              .setDuration(4)
-              .setMorphTargets(["Key 3", "Key 4"])
-              .interpolateMorphWeights(0, 4, 0, 1)
-              .build();
-          _filamentController!.setMorphAnimationData(_shapes!, animation);
-        }, "animate cylinder morph weights #3 and #4"),
-        _item(() async {
-          var morphs =
-              await _filamentController!.getMorphTargetNames(_shapes!, "Cube");
-          final animation = AnimationBuilder(
-                  availableMorphs: morphs, framerate: 30, meshName: "Cube")
-              .setDuration(4)
-              .setMorphTargets(["Key 1", "Key 2"])
-              .interpolateMorphWeights(0, 4, 0, 1)
-              .build();
-          _filamentController!.setMorphAnimationData(_shapes!, animation);
-        }, "animate shapes morph weights #1 and #2"),
-        _item(() {
-          _filamentController!
-              .setMaterialColor(_shapes!, "Cone", 0, Colors.purple);
-        }, "set cone material color to purple"),
-        _item(() {
-          _loop = !_loop;
-          setState(() {});
-        }, "toggle animation looping ${_loop ? "OFF" : "ON"}"),
-        _item(() {
           setState(() {
-            _viewportMargin = _viewportMargin == EdgeInsets.zero
+            _frustumCulling = !_frustumCulling;
-                ? EdgeInsets.all(50)
-                : EdgeInsets.zero;
           });
-        }, "resize"),
+          _filamentController!.setViewFrustumCulling(_frustumCulling);
-        _item(() async {
+        }, "${_frustumCulling ? "Disable" : "Enable"} frustum culling"));
-          await Permission.microphone.request();
-        }, "request permissions (tests inactive->resume)")
-      ]);
-      if (_animations != null) {
-        children.addAll(_animations!.map((a) => _item(() {
-              _filamentController!.playAnimation(
-                  _shapes!, _animations!.indexOf(a),
-                  replaceActive: true, crossfade: 0.5, loop: _loop);
-            }, "play animation ${_animations!.indexOf(a)} (replace/fade)")));
-        children.addAll(_animations!.map((a) => _item(() {
-              _filamentController!.playAnimation(
-                  _shapes!, _animations!.indexOf(a),
-                  replaceActive: false, loop: _loop);
-            }, "play animation ${_animations!.indexOf(a)} (noreplace)")));
       }
-
-      children.add(_item(() {
-        _filamentController!.setToneMapping(ToneMapper.LINEAR);
-      }, "Set tone mapping to linear"));
-
-      children.add(_item(() {
-        _filamentController!.moveCameraToAsset(_shapes!);
-      }, "Move camera to asset"));
-
-      children.add(_item(() {
-        setState(() {
-          _frustumCulling = !_frustumCulling;
-        });
-        _filamentController!.setViewFrustumCulling(_frustumCulling);
-      }, "${_frustumCulling ? "Disable" : "Enable"} frustum culling"));
     }
     return Stack(children: [
       _filamentController != null