mirror of
https://github.com/flame-engine/flame.git
synced 2025-10-30 16:36:57 +08:00
54fbd260bc
* Draft of PositionComponent.scale * Use matrix transformations * Update tests to take matrix transform into consideration * Add tests for collision detection with scale * Rename ScaleEffect to SizeEffect * Use transform matrix to prepare canvas * Fix scaledSizeCache * Add changelog entries and docs * Dartdoc on public access methods * Update packages/flame/CHANGELOG.md Co-authored-by: Jochum van der Ploeg <jochum@vdploeg.net> * Move cache classes to own directory Co-authored-by: Jochum van der Ploeg <jochum@vdploeg.net>
66 lines
1.5 KiB
Dart
66 lines
1.5 KiB
Dart
import 'package:flame/effects.dart';
|
|
import 'package:flame/extensions.dart';
|
|
import 'package:flame/game.dart';
|
|
import 'package:flame/input.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
import '../../commons/square_component.dart';
|
|
|
|
final green = Paint()..color = const Color(0xAA338833);
|
|
final red = Paint()..color = const Color(0xAA883333);
|
|
|
|
class CombinedEffectGame extends BaseGame with TapDetector {
|
|
late SquareComponent greenSquare, redSquare;
|
|
|
|
@override
|
|
Future<void> onLoad() async {
|
|
greenSquare = SquareComponent()
|
|
..paint = green
|
|
..position.setValues(100, 100);
|
|
|
|
redSquare = SquareComponent()
|
|
..paint = red
|
|
..position.setValues(100, 100);
|
|
|
|
add(greenSquare);
|
|
add(redSquare);
|
|
}
|
|
|
|
@override
|
|
void onTapUp(TapUpInfo info) {
|
|
greenSquare.clearEffects();
|
|
final currentTap = info.eventPosition.game;
|
|
|
|
final move = MoveEffect(
|
|
path: [
|
|
currentTap,
|
|
currentTap - Vector2(50, 20),
|
|
currentTap + Vector2.all(30),
|
|
],
|
|
duration: 4.0,
|
|
curve: Curves.bounceInOut,
|
|
);
|
|
|
|
final scale = SizeEffect(
|
|
size: currentTap,
|
|
speed: 200.0,
|
|
curve: Curves.linear,
|
|
isAlternating: true,
|
|
);
|
|
|
|
final rotate = RotateEffect(
|
|
angle: currentTap.angleTo(Vector2.all(100)),
|
|
duration: 3,
|
|
curve: Curves.decelerate,
|
|
);
|
|
|
|
final combination = CombinedEffect(
|
|
effects: [move, rotate, scale],
|
|
isAlternating: true,
|
|
offset: 0.5,
|
|
onComplete: () => print('onComplete callback'),
|
|
);
|
|
greenSquare.addEffect(combination);
|
|
}
|
|
}
|