flame/examples/lib/stories/controls/multitap_advanced.dart

import 'package:flame/extensions.dart';
import 'package:flame/game.dart';
import 'package:flame/gestures.dart';
import 'package:flame/palette.dart';
import 'package:flutter/material.dart';

/// Showcases how to mix two advanced detectors
class MultitapAdvancedGame extends BaseGame
    with MultiTouchTapDetector, MultiTouchDragDetector {
  static final _whitePaint = BasicPalette.white.paint;
  static final _size = Vector2.all(50);

  final Map<int, Rect> _taps = {};

  Vector2 _start;
  Vector2 _end;
  Rect _panRect;

  @override
  void onTapDown(int pointerId, TapDownDetails details) {
    _taps[pointerId] =
        details.globalPosition.toVector2().toPositionedRect(_size);
  }

  @override
  void onTapUp(int pointerId, _) {
    _taps.remove(pointerId);
  }

  @override
  void onTapCancel(int pointerId) {
    _taps.remove(pointerId);
  }

  @override
  void onDragCancel(int pointerId) {
    _end = null;
    _start = null;
    _panRect = null;
  }

  @override
  void onDragStart(int pointerId, Vector2 position) {
    _end = null;
    _start = position;
  }

  @override
  void onDragUpdate(int pointerId, DragUpdateDetails details) {
    _end = details.localPosition.toVector2();
  }

  @override
  void onDragEnd(int pointerId, DragEndDetails details) {
    if (_start != null && _end != null) {
      _panRect = _start.toPositionedRect(_end - _start);
    }
  }

  @override
  void render(Canvas canvas) {
    super.render(canvas);
    _taps.values.forEach((rect) {
      canvas.drawRect(rect, _whitePaint);
    });

    if (_panRect != null) {
      canvas.drawRect(_panRect, _whitePaint);
    }
  }
}