Decouple Canvas from DisplayList and map Picture and PictureRecorder more directly to their Skia co…

sky/examples/game/lib/sprite_box.dart

 part of sprites;
 
 /// Options for setting up a [SpriteBox].
 ///
 ///  * [nativePoints], use the same points as the parent [Widget].
 ///  * [letterbox], use the size of the root node for the coordinate system, constrain the aspect ratio and trim off
 ///  areas that end up outside the screen.
 ///  * [stretch], use the size of the root node for the coordinate system, scale it to fit the size of the box.
 ///  * [scaleToFit], similar to the letterbox option, but instead of trimming areas the sprite system will be scaled
 ///  down to fit the box.
@@ skipping 235 matching lines @@
     _transformMatrix.scale(scaleX, scaleY);
 
     return _transformMatrix;
   }
 
   void _invalidateTransformMatrix() {
     _transformMatrix = null;
     _rootNode._invalidateToBoxTransformMatrix();
   }
 
-  void paint(RenderObjectDisplayList canvas) {
+  void paint(RenderCanvas canvas) {
     canvas.save();
 
     // Move to correct coordinate space before drawing
     canvas.concat(transformMatrix.storage);
 
     // Draw the sprite tree
     _rootNode._visit(canvas);
 
     canvas.restore();
   }
@@ skipping 107 matching lines @@
   ///     if (event.pointer == firstPointerId) {
   ///       // Do something
   ///     }
   final int pointer;
 
   /// Creates a new SpriteBoxEvent, typically this is done internally inside the SpriteBox.
   ///
   ///     var event = new SpriteBoxEvent(new Point(50.0, 50.0), 'pointerdown', 0);
   SpriteBoxEvent(this.boxPosition, this.type, this.pointer);
 }