Files
flame/examples/lib/stories/effects/opacity_effect_example.dart
Lukas Klingsbo a2b8c4c44c OpacityEffect in the new effects engine (#1133)
* OpacityEffect example

* Add OpacityEffect example

* Added test for OpacityEffect

* Added changelog entry

* Fix dartdocs

* Reset rounding errors between runs

* Fix test and rounding error

* Update rounding error calculation

* Rounding error should be private

* Bump test epsilon
2021-11-25 11:00:14 +01:00

56 lines
1.6 KiB
Dart

import 'package:flame/components.dart';
import 'package:flame/game.dart';
import 'package:flame/input.dart';
import 'package:flame/src/effects2/opacity_effect.dart'; // ignore: implementation_imports
import 'package:flame/src/effects2/standard_effect_controller.dart'; // ignore: implementation_imports
import '../../commons/ember.dart';
class OpacityEffectExample extends FlameGame with TapDetector {
static const String description = '''
In this example we show how the `OpacityEffect` can be used in two ways.
The left Ember will constantly pulse in and out of opacity and the right
flame will change opacity when you click the screen.
''';
late final SpriteComponent sprite;
@override
Future<void> onLoad() async {
await super.onLoad();
final flameSprite = await loadSprite('flame.png');
add(
sprite = SpriteComponent(
sprite: flameSprite,
position: Vector2(300, 100),
size: Vector2(149, 211),
),
);
add(
Ember(
position: Vector2(180, 230),
size: Vector2.all(100),
)..add(
OpacityEffect.fadeOut(
StandardEffectController(
duration: 1.5,
reverseDuration: 1.5,
infinite: true,
),
),
),
);
}
@override
void onTap() {
final opacity = sprite.paint.color.opacity;
if (opacity >= 0.5) {
sprite.add(OpacityEffect.fadeOut(StandardEffectController(duration: 1)));
} else {
sprite.add(OpacityEffect.fadeIn(StandardEffectController(duration: 1)));
}
}
}