flame/examples/lib/stories/effects/remove_effect_example.dart

import 'dart:math';

import 'package:flame/components.dart';
import 'package:flame/effects.dart';
import 'package:flame/events.dart';
import 'package:flame/game.dart';
import 'package:flutter/material.dart';

class RemoveEffectExample extends FlameGame {
  static const description = '''
    Click on any circle to apply a RemoveEffect, which will make the circle
    disappear after a 0.5 second delay.
  ''';

  RemoveEffectExample()
      : super(
          camera: CameraComponent.withFixedResolution(
            width: 400,
            height: 600,
          )..viewfinder.anchor = Anchor.topLeft,
          world: _RemoveEffectWorld(),
        );
}

class _RemoveEffectWorld extends World {
  @override
  void onLoad() {
    super.onLoad();
    final rng = Random();
    for (var i = 0; i < 20; i++) {
      add(_RandomCircle.random(rng));
    }
  }
}

class _RandomCircle extends CircleComponent with TapCallbacks {
  _RandomCircle(double radius, {super.position, super.paint})
      : super(radius: radius);

  factory _RandomCircle.random(Random rng) {
    final radius = rng.nextDouble() * 30 + 10;
    final position = Vector2(
      rng.nextDouble() * 320 + 40,
      rng.nextDouble() * 520 + 40,
    );
    final paint = Paint()
      ..color = Colors.primaries[rng.nextInt(Colors.primaries.length)];
    return _RandomCircle(radius, position: position, paint: paint);
  }

  @override
  void onTapDown(TapDownEvent info) {
    add(RemoveEffect(delay: 0.5));
  }
}