flame/examples/lib/stories/input/draggables_example.dart

import 'package:examples/commons/ember.dart';
import 'package:flame/camera.dart';
import 'package:flame/events.dart';
import 'package:flame/game.dart';
import 'package:flutter/material.dart' show Colors;

class DraggablesExample extends FlameGame {
  static const String description = '''
    In this example we show you can use the `DragCallbacks` mixin on
    `PositionComponent`s. Drag around the Embers and see their position
    changing.
  ''';

  DraggablesExample({required this.zoom});

  final world = World();
  late final CameraComponent cameraComponent;
  final double zoom;
  late final DraggableEmber square;

  @override
  Future<void> onLoad() async {
    cameraComponent = CameraComponent(world: world);
    cameraComponent.viewfinder.zoom = zoom;
    addAll([cameraComponent, world]);

    world.add(square = DraggableEmber());
    world.add(DraggableEmber()..y = 350);
  }
}

// Note: this component does not consider the possibility of multiple
// simultaneous drags with different pointerIds.
class DraggableEmber extends Ember with DragCallbacks {
  @override
  bool debugMode = true;

  DraggableEmber({super.position}) : super(size: Vector2.all(100));

  @override
  void update(double dt) {
    super.update(dt);
    debugColor = isDragged && findGame() is DraggablesExample
        ? Colors.greenAccent
        : Colors.purple;
  }

  @override
  void onDragUpdate(DragUpdateEvent event) {
    if (findGame() is! DraggablesExample) {
      event.continuePropagation = true;
      return;
    }

    position.add(event.delta);
    event.continuePropagation = false;
  }
}