Update panorama.dart

fix onImageLoad call

CHANGELOG.md

@@ -1,3 +1,12 @@
+## [0.4.1] - 03/13/2021
+
+* Fix hotspots no update
+* Fix rotation
+
+## [0.4.0] - 03/13/2021
+
+* migrate to null safety
+
 ## [0.3.2] - 01/09/2021
 
 * Fixed some bugs

README.md

@@ -10,7 +10,7 @@ Add panorama as a dependency in your pubspec.yaml file.
 
 ```yaml
 dependencies:
-  panorama: ^0.3.2
+  panorama: ^0.4.1
 ```
 
 Import and add the Panorama widget to your project.

example/lib/main.dart

@@ -1,3 +1,4 @@
+import 'dart:io';
 import 'package:flutter/material.dart';
 import 'package:panorama/panorama.dart';
 import 'package:image_picker/image_picker.dart';
@@ -16,9 +17,9 @@ class MyApp extends StatelessWidget {
 }
 
 class MyHomePage extends StatefulWidget {
-  MyHomePage({Key key, this.title}) : super(key: key);
+  MyHomePage({Key? key, this.title}) : super(key: key);
 
-  final String title;
+  final String? title;
 
   @override
   _MyHomePageState createState() => _MyHomePageState();
@@ -34,6 +35,7 @@ class _MyHomePageState extends State<MyHomePage> {
     Image.asset('assets/panorama2.webp'),
     Image.asset('assets/panorama_cropped.webp'),
   ];
+  ImagePicker picker = ImagePicker();
 
   void onViewChanged(longitude, latitude, tilt) {
     setState(() {
@@ -43,13 +45,16 @@ class _MyHomePageState extends State<MyHomePage> {
     });
   }
 
-  Widget hotspotButton({String text, IconData icon, VoidCallback onPressed}) {
+  Widget hotspotButton({String? text, IconData? icon, VoidCallback? onPressed}) {
     return Column(
       mainAxisAlignment: MainAxisAlignment.center,
       children: [
-        FlatButton(
+        TextButton(
-          shape: CircleBorder(),
+          style: ButtonStyle(
-          color: Colors.black38,
+            shape: MaterialStateProperty.all(CircleBorder()),
+            backgroundColor: MaterialStateProperty.all(Colors.black38),
+            foregroundColor: MaterialStateProperty.all(Colors.white),
+          ),
           child: Icon(icon),
           onPressed: onPressed,
         ),
@@ -142,7 +147,7 @@ class _MyHomePageState extends State<MyHomePage> {
     }
     return Scaffold(
       appBar: AppBar(
-        title: Text(widget.title),
+        title: Text(widget.title!),
       ),
       body: Stack(
         children: [
@@ -152,12 +157,13 @@ class _MyHomePageState extends State<MyHomePage> {
       ),
       floatingActionButton: FloatingActionButton(
         mini: true,
-        onPressed: () {
+        onPressed: () async {
-          ImagePicker.pickImage(source: ImageSource.gallery).then((value) {
+          final pickedFile = await picker.getImage(source: ImageSource.gallery);
           setState(() {
-              panoImages.add(Image.file(value));
+            if (pickedFile != null) {
+              panoImages.add(Image.file(File(pickedFile.path)));
               _panoId = panoImages.length - 1;
-            });
+            }
           });
         },
         child: Icon(Icons.panorama),

example/pubspec.lock

@@ -1,62 +1,55 @@
 # Generated by pub
 # See https://dart.dev/tools/pub/glossary#lockfile
 packages:
-  archive:
-    dependency: transitive
-    description:
-      name: archive
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "2.0.11"
-  args:
-    dependency: transitive
-    description:
-      name: args
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.5.2"
   async:
     dependency: transitive
     description:
       name: async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.4.0"
+    version: "2.5.0"
   boolean_selector:
     dependency: transitive
     description:
       name: boolean_selector
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.0.5"
+    version: "2.1.0"
+  characters:
+    dependency: transitive
+    description:
+      name: characters
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.1.0"
   charcode:
     dependency: transitive
     description:
       name: charcode
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.2"
+    version: "1.2.0"
+  clock:
+    dependency: transitive
+    description:
+      name: clock
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.1.0"
   collection:
     dependency: transitive
     description:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.14.11"
+    version: "1.15.0"
-  convert:
+  fake_async:
     dependency: transitive
     description:
-      name: convert
+      name: fake_async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.1"
+    version: "1.2.0"
-  crypto:
-    dependency: transitive
-    description:
-      name: crypto
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "2.1.3"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -68,82 +61,96 @@ packages:
       name: flutter_cube
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.0.3"
+    version: "0.1.1"
   flutter_plugin_android_lifecycle:
     dependency: transitive
     description:
       name: flutter_plugin_android_lifecycle
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.0.6"
+    version: "2.0.0"
   flutter_test:
     dependency: "direct dev"
     description: flutter
     source: sdk
     version: "0.0.0"
-  image:
+  http:
     dependency: transitive
     description:
-      name: image
+      name: http
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.4"
+    version: "0.13.0"
+  http_parser:
+    dependency: transitive
+    description:
+      name: http_parser
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.0.0"
   image_picker:
     dependency: "direct main"
     description:
       name: image_picker
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.6.3+4"
+    version: "0.7.2+1"
+  image_picker_platform_interface:
+    dependency: transitive
+    description:
+      name: image_picker_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.1"
   matcher:
     dependency: transitive
     description:
       name: matcher
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.12.6"
+    version: "0.12.10"
   meta:
     dependency: transitive
     description:
       name: meta
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.8"
+    version: "1.3.0"
   motion_sensors:
     dependency: transitive
     description:
       name: motion_sensors
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.0.1"
+    version: "0.1.0"
   panorama:
     dependency: "direct main"
     description:
       path: ".."
       relative: true
     source: path
-    version: "0.0.2"
+    version: "0.4.0"
   path:
     dependency: transitive
     description:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.6.4"
+    version: "1.8.0"
-  petitparser:
+  pedantic:
     dependency: transitive
     description:
-      name: petitparser
+      name: pedantic
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.4.0"
+    version: "1.11.0"
-  quiver:
+  plugin_platform_interface:
     dependency: transitive
     description:
-      name: quiver
+      name: plugin_platform_interface
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.0.5"
+    version: "2.0.0"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -155,63 +162,56 @@ packages:
       name: source_span
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.5.5"
+    version: "1.8.0"
   stack_trace:
     dependency: transitive
     description:
       name: stack_trace
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.9.3"
+    version: "1.10.0"
   stream_channel:
     dependency: transitive
     description:
       name: stream_channel
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.0.0"
+    version: "2.1.0"
   string_scanner:
     dependency: transitive
     description:
       name: string_scanner
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.0.5"
+    version: "1.1.0"
   term_glyph:
     dependency: transitive
     description:
       name: term_glyph
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.0"
+    version: "1.2.0"
   test_api:
     dependency: transitive
     description:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.2.15"
+    version: "0.2.19"
   typed_data:
     dependency: transitive
     description:
       name: typed_data
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.6"
+    version: "1.3.0"
   vector_math:
     dependency: transitive
     description:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.0.8"
+    version: "2.1.0"
-  xml:
-    dependency: transitive
-    description:
-      name: xml
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "3.5.0"
 sdks:
-  dart: ">=2.4.0 <3.0.0"
+  dart: ">=2.12.0 <3.0.0"
-  flutter: ">=1.12.13 <2.0.0"
+  flutter: ">=1.20.0"

example/pubspec.yaml

@@ -3,14 +3,14 @@ description: A new Flutter project.
 version: 1.0.0+1
 
 environment:
-  sdk: ">=2.1.0 <3.0.0"
+  sdk: '>=2.12.0 <3.0.0'
 
 dependencies:
   flutter:
     sdk: flutter
   panorama: 
     path: ../
-  image_picker: ^0.6.3+4
+  image_picker: ^0.7.2+1
 
 dev_dependencies:
   flutter_test:
@@ -21,3 +21,5 @@ flutter:
   uses-material-design: true
   assets:
     - assets/
+
+publish_to: none

lib/panorama.dart

@@ -20,7 +20,7 @@ enum SensorControl {
 
 class Panorama extends StatefulWidget {
   Panorama({
-    Key key,
+    Key? key,
     this.latitude = 0,
     this.longitude = 0,
     this.zoom = 1.0,
@@ -45,6 +45,7 @@ class Panorama extends StatefulWidget {
     this.onLongPressStart,
     this.onLongPressMoveUpdate,
     this.onLongPressEnd,
+    this.onImageLoad,
     this.child,
     this.hotspots,
   }) : super(key: key);
@@ -107,70 +108,73 @@ class Panorama extends StatefulWidget {
   final double croppedFullHeight;
 
   /// This event will be called when the view direction has changed, it contains latitude and longitude about the current view.
-  final Function(double longitude, double latitude, double tilt) onViewChanged;
+  final Function(double longitude, double latitude, double tilt)? onViewChanged;
 
   /// This event will be called when the user has tapped, it contains latitude and longitude about where the user tapped.
-  final Function(double longitude, double latitude, double tilt) onTap;
+  final Function(double longitude, double latitude, double tilt)? onTap;
 
   /// This event will be called when the user has started a long press, it contains latitude and longitude about where the user pressed.
-  final Function(double longitude, double latitude, double tilt) onLongPressStart;
+  final Function(double longitude, double latitude, double tilt)? onLongPressStart;
 
   /// This event will be called when the user has drag-moved after a long press, it contains latitude and longitude about where the user pressed.
-  final Function(double longitude, double latitude, double tilt) onLongPressMoveUpdate;
+  final Function(double longitude, double latitude, double tilt)? onLongPressMoveUpdate;
 
   /// This event will be called when the user has stopped a long presses, it contains latitude and longitude about where the user pressed.
-  final Function(double longitude, double latitude, double tilt) onLongPressEnd;
+  final Function(double longitude, double latitude, double tilt)? onLongPressEnd;
+  
+  /// This event will be called when provided image is loaded on texture.
+  final Function()? onImageLoad;
 
   /// Specify an Image(equirectangular image) widget to the panorama.
-  final Image child;
+  final Image? child;
 
   /// Place widgets in the panorama.
-  final List<Hotspot> hotspots;
+  final List<Hotspot>? hotspots;
 
   @override
   _PanoramaState createState() => _PanoramaState();
 }
 
 class _PanoramaState extends State<Panorama> with SingleTickerProviderStateMixin {
-  Scene scene;
+  Scene? scene;
-  Object surface;
+  Object? surface;
-  double latitude;
+  late double latitude;
-  double longitude;
+  late double longitude;
   double latitudeDelta = 0;
   double longitudeDelta = 0;
   double zoomDelta = 0;
-  Offset _lastFocalPoint;
+  late Offset _lastFocalPoint;
-  double _lastZoom;
+  double? _lastZoom;
   double _radius = 500;
   double _dampingFactor = 0.05;
   double _animateDirection = 1.0;
-  AnimationController _controller;
+  late AnimationController _controller;
   double screenOrientation = 0.0;
   Vector3 orientation = Vector3(0, radians(90), 0);
-  StreamSubscription _orientationSubscription;
+  StreamSubscription? _orientationSubscription;
-  StreamSubscription _screenOrientSubscription;
+  StreamSubscription? _screenOrientSubscription;
-  StreamController<Null> _streamController;
+  late StreamController<Null> _streamController;
-  Stream<Null> _stream;
+  Stream<Null>? _stream;
-  ImageStream _imageStream;
+  ImageStream? _imageStream;
 
   void _handleTapUp(TapUpDetails details) {
     final Vector3 o = positionToLatLon(details.localPosition.dx, details.localPosition.dy);
-    widget.onTap(degrees(o.x), degrees(-o.y), degrees(o.z));
+    widget.onTap!(degrees(o.x), degrees(-o.y), degrees(o.z));
   }
 
   void _handleLongPressStart(LongPressStartDetails details) {
     final Vector3 o = positionToLatLon(details.localPosition.dx, details.localPosition.dy);
-    widget.onLongPressStart(degrees(o.x), degrees(-o.y), degrees(o.z));
+    widget.onLongPressStart!(degrees(o.x), degrees(-o.y), degrees(o.z));
   }
 
   void _handleLongPressMoveUpdate(LongPressMoveUpdateDetails details) {
     final Vector3 o = positionToLatLon(details.localPosition.dx, details.localPosition.dy);
-    widget.onLongPressMoveUpdate(degrees(o.x), degrees(-o.y), degrees(o.z));
+    widget.onLongPressMoveUpdate!(degrees(o.x), degrees(-o.y), degrees(o.z));
   }
 
   void _handleLongPressEnd(LongPressEndDetails details) {
     final Vector3 o = positionToLatLon(details.localPosition.dx, details.localPosition.dy);
-    widget.onLongPressEnd(degrees(o.x), degrees(-o.y), degrees(o.z));
+    widget.onLongPressEnd!(degrees(o.x), degrees(-o.y), degrees(o.z));
   }
 
   void _handleScaleStart(ScaleStartDetails details) {
@@ -181,12 +185,12 @@ class _PanoramaState extends State<Panorama> with SingleTickerProviderStateMixin
   void _handleScaleUpdate(ScaleUpdateDetails details) {
     final offset = details.localFocalPoint - _lastFocalPoint;
     _lastFocalPoint = details.localFocalPoint;
-    latitudeDelta += widget.sensitivity * 0.5 * math.pi * offset.dy / scene.camera.viewportHeight;
+    latitudeDelta += widget.sensitivity * 0.5 * math.pi * offset.dy / scene!.camera.viewportHeight;
-    longitudeDelta -= widget.sensitivity * _animateDirection * 0.5 * math.pi * offset.dx / scene.camera.viewportHeight;
+    longitudeDelta -= widget.sensitivity * _animateDirection * 0.5 * math.pi * offset.dx / scene!.camera.viewportHeight;
     if (_lastZoom == null) {
-      _lastZoom = scene.camera.zoom;
+      _lastZoom = scene!.camera.zoom;
     }
-    zoomDelta += _lastZoom * details.scale - (scene.camera.zoom + zoomDelta);
+    zoomDelta += _lastZoom! * details.scale - (scene!.camera.zoom + zoomDelta);
     if (widget.sensorControl == SensorControl.None && !_controller.isAnimating) {
       _controller.reset();
       if (widget.animSpeed != 0) {
@@ -207,12 +211,16 @@ class _PanoramaState extends State<Panorama> with SingleTickerProviderStateMixin
     longitude += _animateDirection * longitudeDelta * _dampingFactor * widget.sensitivity;
     longitudeDelta *= 1 - _dampingFactor * widget.sensitivity;
     // animate zomming
-    final double zoom = scene.camera.zoom + zoomDelta * _dampingFactor;
+    final double zoom = scene!.camera.zoom + zoomDelta * _dampingFactor;
     zoomDelta *= 1 - _dampingFactor;
-    scene.camera.zoom = zoom.clamp(widget.minZoom, widget.maxZoom);
+    scene!.camera.zoom = zoom.clamp(widget.minZoom, widget.maxZoom);
     // stop animation if not needed
-    if (latitudeDelta.abs() < 0.001 && longitudeDelta.abs() < 0.001 && zoomDelta.abs() < 0.001) {
+    if (latitudeDelta.abs() < 0.001 &&
-      if (widget.animSpeed == 0 && _controller.isAnimating) _controller.stop();
+        longitudeDelta.abs() < 0.001 &&
+        zoomDelta.abs() < 0.001) {
+      if (widget.sensorControl == SensorControl.None &&
+          widget.animSpeed == 0 &&
+          _controller.isAnimating) _controller.stop();
     }
 
     // rotate for screen orientation
@@ -258,9 +266,10 @@ class _PanoramaState extends State<Panorama> with SingleTickerProviderStateMixin
     o = quaternionToOrientation(q * Quaternion.axisAngle(Vector3(0, 1, 0), math.pi * 0.5));
     widget.onViewChanged?.call(degrees(o.x), degrees(-o.y), degrees(o.z));
 
-    q.rotate(scene.camera.target..setFrom(Vector3(0, 0, -_radius)));
+    q.rotate(scene!.camera.target..setFrom(Vector3(0, 0, -_radius)));
-    q.rotate(scene.camera.up..setFrom(Vector3(0, 1, 0)));
+    q.rotate(scene!.camera.up..setFrom(Vector3(0, 1, 0)));
-    scene.update();
+    scene!.update();
+    _streamController.add(null);
   }
 
   void _updateSensorControl() {
@@ -269,15 +278,13 @@ class _PanoramaState extends State<Panorama> with SingleTickerProviderStateMixin
       case SensorControl.Orientation:
         motionSensors.orientationUpdateInterval = Duration.microsecondsPerSecond ~/ 60;
         _orientationSubscription = motionSensors.orientation.listen((OrientationEvent event) {
-          orientation.setFrom(Vector3(event.yaw, event.pitch, event.roll));
+          orientation.setValues(event.yaw, event.pitch, event.roll);
-          _updateView();
         });
         break;
       case SensorControl.AbsoluteOrientation:
         motionSensors.absoluteOrientationUpdateInterval = Duration.microsecondsPerSecond ~/ 60;
         _orientationSubscription = motionSensors.absoluteOrientation.listen((AbsoluteOrientationEvent event) {
-          orientation.setFrom(Vector3(event.yaw, event.pitch, event.roll));
+          orientation.setValues(event.yaw, event.pitch, event.roll);
-          _updateView();
         });
         break;
       default:
@@ -286,24 +293,25 @@ class _PanoramaState extends State<Panorama> with SingleTickerProviderStateMixin
     _screenOrientSubscription?.cancel();
     if (widget.sensorControl != SensorControl.None) {
       _screenOrientSubscription = motionSensors.screenOrientation.listen((ScreenOrientationEvent event) {
-        screenOrientation = radians(event.angle);
+        screenOrientation = radians(event.angle!);
       });
     }
   }
 
   void _updateTexture(ImageInfo imageInfo, bool synchronousCall) {
-    surface?.mesh?.texture = imageInfo.image;
+    surface?.mesh.texture = imageInfo.image;
-    surface?.mesh?.textureRect = Rect.fromLTWH(0, 0, imageInfo.image.width.toDouble(), imageInfo.image.height.toDouble());
+    surface?.mesh.textureRect = Rect.fromLTWH(0, 0, imageInfo.image.width.toDouble(), imageInfo.image.height.toDouble());
-    scene.texture = imageInfo.image;
+    scene!.texture = imageInfo.image;
-    scene.update();
+    scene!.update();
+    widget.onImageLoad?.call();
   }
 
-  void _loadTexture(ImageProvider provider) {
+  void _loadTexture(ImageProvider? provider) {
     if (provider == null) return;
     _imageStream?.removeListener(ImageStreamListener(_updateTexture));
     _imageStream = provider.resolve(ImageConfiguration());
     ImageStreamListener listener = ImageStreamListener(_updateTexture);
-    _imageStream.addListener(listener);
+    _imageStream!.addListener(listener);
   }
 
   void _onSceneCreated(Scene scene) {
@@ -316,9 +324,9 @@ class _PanoramaState extends State<Panorama> with SingleTickerProviderStateMixin
     if (widget.child != null) {
       final Mesh mesh = generateSphereMesh(radius: _radius, latSegments: widget.latSegments, lonSegments: widget.lonSegments, croppedArea: widget.croppedArea, croppedFullWidth: widget.croppedFullWidth, croppedFullHeight: widget.croppedFullHeight);
       surface = Object(name: 'surface', mesh: mesh, backfaceCulling: false);
-      _loadTexture(widget.child.image);
+      _loadTexture(widget.child!.image);
-      scene.world.add(surface);
+      scene.world.add(surface!);
-      WidgetsBinding.instance.addPostFrameCallback((_) => _updateView());
+      _updateView();
     }
   }
 
@@ -328,9 +336,9 @@ class _PanoramaState extends State<Panorama> with SingleTickerProviderStateMixin
 
   Vector3 positionToLatLon(double x, double y) {
     // transform viewport coordinate to NDC, values between -1 and 1
-    final Vector4 v = Vector4(2.0 * x / scene.camera.viewportWidth - 1.0, 1.0 - 2.0 * y / scene.camera.viewportHeight, 1.0, 1.0);
+    final Vector4 v = Vector4(2.0 * x / scene!.camera.viewportWidth - 1.0, 1.0 - 2.0 * y / scene!.camera.viewportHeight, 1.0, 1.0);
     // create projection matrix
-    final Matrix4 m = scene.camera.projectionMatrix * scene.camera.lookAtMatrix;
+    final Matrix4 m = scene!.camera.projectionMatrix * scene!.camera.lookAtMatrix;
     // apply inversed projection matrix
     m.invert();
     v.applyMatrix4(m);
@@ -344,24 +352,24 @@ class _PanoramaState extends State<Panorama> with SingleTickerProviderStateMixin
 
   Vector3 positionFromLatLon(double lat, double lon) {
     // create projection matrix
-    final Matrix4 m = scene.camera.projectionMatrix * scene.camera.lookAtMatrix * matrixFromLatLon(lat, lon);
+    final Matrix4 m = scene!.camera.projectionMatrix * scene!.camera.lookAtMatrix * matrixFromLatLon(lat, lon);
-    // apply projection atrix
+    // apply projection matrix
     final Vector4 v = Vector4(0.0, 0.0, -_radius, 1.0)..applyMatrix4(m);
     // apply perspective division and transform NDC to the viewport coordinate
     return Vector3(
-      (1.0 + v.x / v.w) * scene.camera.viewportWidth / 2,
+      (1.0 + v.x / v.w) * scene!.camera.viewportWidth / 2,
-      (1.0 - v.y / v.w) * scene.camera.viewportHeight / 2,
+      (1.0 - v.y / v.w) * scene!.camera.viewportHeight / 2,
       v.z,
     );
   }
 
-  Widget buildHotspotWidgets(List<Hotspot> hotspots) {
+  Widget buildHotspotWidgets(List<Hotspot>? hotspots) {
-    final List<Widget> widgets = List<Widget>();
+    final List<Widget> widgets = <Widget>[];
     if (hotspots != null && scene != null) {
       for (Hotspot hotspot in hotspots) {
         final Vector3 pos = positionFromLatLon(hotspot.latitude, hotspot.longitude);
         final Offset orgin = Offset(hotspot.width * hotspot.orgin.dx, hotspot.height * hotspot.orgin.dy);
-        final Matrix4 transform = scene.camera.lookAtMatrix * matrixFromLatLon(hotspot.latitude, hotspot.longitude);
+        final Matrix4 transform = scene!.camera.lookAtMatrix * matrixFromLatLon(hotspot.latitude, hotspot.longitude);
         final Widget child = Positioned(
           left: pos.x - orgin.dx,
           top: pos.y - orgin.dy,
@@ -393,7 +401,7 @@ class _PanoramaState extends State<Panorama> with SingleTickerProviderStateMixin
     _updateSensorControl();
 
     _controller = AnimationController(duration: Duration(milliseconds: 60000), vsync: this)..addListener(_updateView);
-    if (widget.sensorControl == SensorControl.None && widget.animSpeed != 0) _controller.repeat();
+    if (widget.sensorControl != SensorControl.None || widget.animSpeed != 0) _controller.repeat();
   }
 
   @override
@@ -411,7 +419,7 @@ class _PanoramaState extends State<Panorama> with SingleTickerProviderStateMixin
     super.didUpdateWidget(oldWidget);
     if (surface == null) return;
     if (widget.latSegments != oldWidget.latSegments || widget.lonSegments != oldWidget.lonSegments || widget.croppedArea != oldWidget.croppedArea || widget.croppedFullWidth != oldWidget.croppedFullWidth || widget.croppedFullHeight != oldWidget.croppedFullHeight) {
-      surface.mesh = generateSphereMesh(radius: _radius, latSegments: widget.latSegments, lonSegments: widget.lonSegments, croppedArea: widget.croppedArea, croppedFullWidth: widget.croppedFullWidth, croppedFullHeight: widget.croppedFullHeight);
+      surface!.mesh = generateSphereMesh(radius: _radius, latSegments: widget.latSegments, lonSegments: widget.lonSegments, croppedArea: widget.croppedArea, croppedFullWidth: widget.croppedFullWidth, croppedFullHeight: widget.croppedFullHeight);
     }
     if (widget.child?.image != oldWidget.child?.image) {
       _loadTexture(widget.child?.image);
@@ -452,8 +460,8 @@ class _PanoramaState extends State<Panorama> with SingleTickerProviderStateMixin
 class Hotspot {
   Hotspot({
     this.name,
-    this.latitude,
+    this.latitude = 0.0,
-    this.longitude,
+    this.longitude = 0.0,
     this.orgin = const Offset(0.5, 0.5),
     this.width = 32.0,
     this.height = 32.0,
@@ -461,7 +469,7 @@ class Hotspot {
   });
 
   /// The name of this hotspot.
-  String name;
+  String? name;
 
   /// The initial latitude, in degrees, between -90 and 90.
   final double latitude;
@@ -478,14 +486,14 @@ class Hotspot {
   // The height of widget. Default is 32.0
   double height;
 
-  Widget widget;
+  Widget? widget;
 }
 
-Mesh generateSphereMesh({num radius = 1.0, int latSegments = 16, int lonSegments = 16, ui.Image texture, Rect croppedArea = const Rect.fromLTWH(0.0, 0.0, 1.0, 1.0), double croppedFullWidth = 1.0, double croppedFullHeight = 1.0}) {
+Mesh generateSphereMesh({num radius = 1.0, int latSegments = 16, int lonSegments = 16, ui.Image? texture, Rect croppedArea = const Rect.fromLTWH(0.0, 0.0, 1.0, 1.0), double croppedFullWidth = 1.0, double croppedFullHeight = 1.0}) {
   int count = (latSegments + 1) * (lonSegments + 1);
-  List<Vector3> vertices = List<Vector3>(count);
+  List<Vector3> vertices = List<Vector3>.filled(count, Vector3.zero());
-  List<Offset> texcoords = List<Offset>(count);
+  List<Offset> texcoords = List<Offset>.filled(count, Offset.zero);
-  List<Polygon> indices = List<Polygon>(latSegments * lonSegments * 2);
+  List<Polygon> indices = List<Polygon>.filled(latSegments * lonSegments * 2, Polygon(0, 0, 0));
 
   int i = 0;
   for (int y = 0; y <= latSegments; ++y) {

pubspec.lock

@@ -1,62 +1,55 @@
 # Generated by pub
 # See https://dart.dev/tools/pub/glossary#lockfile
 packages:
-  archive:
-    dependency: transitive
-    description:
-      name: archive
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "2.0.11"
-  args:
-    dependency: transitive
-    description:
-      name: args
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.5.2"
   async:
     dependency: transitive
     description:
       name: async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.4.0"
+    version: "2.5.0"
   boolean_selector:
     dependency: transitive
     description:
       name: boolean_selector
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.0.5"
+    version: "2.1.0"
+  characters:
+    dependency: transitive
+    description:
+      name: characters
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.1.0"
   charcode:
     dependency: transitive
     description:
       name: charcode
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.2"
+    version: "1.2.0"
+  clock:
+    dependency: transitive
+    description:
+      name: clock
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.1.0"
   collection:
     dependency: transitive
     description:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.14.11"
+    version: "1.15.0"
-  convert:
+  fake_async:
     dependency: transitive
     description:
-      name: convert
+      name: fake_async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.1"
+    version: "1.2.0"
-  crypto:
-    dependency: transitive
-    description:
-      name: crypto
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "2.1.3"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -68,61 +61,40 @@ packages:
       name: flutter_cube
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.0.3"
+    version: "0.1.1"
   flutter_test:
     dependency: "direct dev"
     description: flutter
     source: sdk
     version: "0.0.0"
-  image:
-    dependency: transitive
-    description:
-      name: image
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "2.1.4"
   matcher:
     dependency: transitive
     description:
       name: matcher
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.12.6"
+    version: "0.12.10"
   meta:
     dependency: transitive
     description:
       name: meta
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.8"
+    version: "1.3.0"
   motion_sensors:
     dependency: "direct main"
     description:
       name: motion_sensors
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.0.1"
+    version: "0.1.0"
   path:
     dependency: transitive
     description:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.6.4"
+    version: "1.8.0"
-  petitparser:
-    dependency: transitive
-    description:
-      name: petitparser
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "2.4.0"
-  quiver:
-    dependency: transitive
-    description:
-      name: quiver
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "2.0.5"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -134,63 +106,56 @@ packages:
       name: source_span
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.5.5"
+    version: "1.8.0"
   stack_trace:
     dependency: transitive
     description:
       name: stack_trace
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.9.3"
+    version: "1.10.0"
   stream_channel:
     dependency: transitive
     description:
       name: stream_channel
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.0.0"
+    version: "2.1.0"
   string_scanner:
     dependency: transitive
     description:
       name: string_scanner
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.0.5"
+    version: "1.1.0"
   term_glyph:
     dependency: transitive
     description:
       name: term_glyph
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.0"
+    version: "1.2.0"
   test_api:
     dependency: transitive
     description:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.2.15"
+    version: "0.2.19"
   typed_data:
     dependency: transitive
     description:
       name: typed_data
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.6"
+    version: "1.3.0"
   vector_math:
     dependency: transitive
     description:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.0.8"
+    version: "2.1.0"
-  xml:
-    dependency: transitive
-    description:
-      name: xml
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "3.5.0"
 sdks:
-  dart: ">=2.4.0 <3.0.0"
+  dart: ">=2.12.0 <3.0.0"
   flutter: ">=1.10.0"

pubspec.yaml

@@ -1,16 +1,16 @@
 name: panorama
 description: Panorama -- A 360-degree panorama viewer.
-version: 0.3.2
+version: 0.4.1
 homepage: https://github.com/zesage/panorama
 
 environment:
-  sdk: ">=2.1.0 <3.0.0"
+  sdk: '>=2.12.0 <3.0.0'
 
 dependencies:
   flutter:
     sdk: flutter
-  flutter_cube: ^0.0.6
+  flutter_cube: ^0.1.1
-  motion_sensors: ^0.0.5
+  motion_sensors: ^0.1.0
 
 dev_dependencies:
   flutter_test: