Files
flame/examples/lib/stories/effects/sequence_effect.dart
Lukas Klingsbo 23a72f5f39 Follow a Vector2 in Camera and add onPositionUpdate (#716)
* No setter for position and size

* Use setter for position and size

* Add onPositionUpdate and snapTo to Camera

* Fix formatting

* Fix size in test

* Update packages/flame/CHANGELOG.md

Co-authored-by: Jochum van der Ploeg <jochum@vdploeg.net>

* Update packages/flame/CHANGELOG.md

Co-authored-by: Jochum van der Ploeg <jochum@vdploeg.net>

* Better naming for internal position state

* Anchor and angle defaults on effect test utils

* No setter for position and size

* Fix scale effect

* Fix formatting

Co-authored-by: Jochum van der Ploeg <jochum@vdploeg.net>
Co-authored-by: Erick Zanardo <erickzanardoo@gmail.com>
2021-03-31 20:48:44 +02:00

70 lines
1.7 KiB
Dart

import 'package:flame/effects.dart';
import 'package:flame/extensions.dart';
import 'package:flame/game.dart';
import 'package:flame/gestures.dart';
import 'package:flutter/material.dart';
import '../../commons/square_component.dart';
final green = Paint()..color = const Color(0xAA338833);
class SequenceEffectGame extends BaseGame with TapDetector {
late SquareComponent greenSquare;
@override
Future<void> onLoad() async {
greenSquare = SquareComponent()
..paint = green
..position.setValues(100, 100);
add(greenSquare);
}
@override
void onTapUp(TapUpDetails details) {
final currentTap = details.localPosition.toVector2();
greenSquare.clearEffects();
final move1 = MoveEffect(
path: [currentTap],
speed: 250.0,
curve: Curves.bounceInOut,
isAlternating: true,
);
final move2 = MoveEffect(
path: [
currentTap + Vector2(0, 50),
currentTap + Vector2(-50, -50),
currentTap + Vector2(50, 0),
],
speed: 150.0,
curve: Curves.easeIn,
);
final scale = ScaleEffect(
size: currentTap,
speed: 100.0,
curve: Curves.easeInCubic,
);
final rotate = RotateEffect(
angle: currentTap.angleTo(Vector2.all(100)),
duration: 0.8,
curve: Curves.decelerate,
);
final combination = CombinedEffect(
effects: [move2, rotate],
isAlternating: true,
onComplete: () => print('combination complete'),
);
final sequence = SequenceEffect(
effects: [move1, scale, combination],
isAlternating: true,
);
sequence.onComplete = () => print('sequence complete');
greenSquare.addEffect(sequence);
}
}