mirror of
https://github.com/flame-engine/flame.git
synced 2025-11-01 01:18:38 +08:00
c888703d6e
An effect controller that represents a single period of the sine function. Use this to create natural-looking harmonic oscillations. Two perpendicular move effects governed by SineEffectControllers with different periods, will create a [Lissajous curve].
84 lines
2.3 KiB
Dart
84 lines
2.3 KiB
Dart
import 'dart:ui';
|
|
|
|
import 'package:flame/components.dart';
|
|
import 'package:flame/effects.dart';
|
|
import 'package:flame/game.dart';
|
|
|
|
class EffectControllersExample extends FlameGame {
|
|
static const description = '''
|
|
This page demonstrates application of various non-standard effect
|
|
controllers.
|
|
|
|
The first white square has a ZigzagEffectController with period 1. The
|
|
orange square next to it has two move effects, each with a
|
|
ZigzagEffectController.
|
|
|
|
The lime square has a SineEffectController with the same period of 1s. The
|
|
violet square next to it has two move effects, each with a
|
|
SineEffectController with periods, but one of the effects is slightly
|
|
delayed.
|
|
''';
|
|
|
|
@override
|
|
void onMount() {
|
|
camera.viewport = FixedResolutionViewport(Vector2(400, 600));
|
|
add(
|
|
RectangleComponent.square(
|
|
position: Vector2(20, 50),
|
|
size: 20,
|
|
)..add(
|
|
MoveEffect.by(
|
|
Vector2(0, 20),
|
|
InfiniteEffectController(ZigzagEffectController(period: 1)),
|
|
),
|
|
),
|
|
);
|
|
add(
|
|
RectangleComponent.square(
|
|
position: Vector2(70, 50),
|
|
size: 20,
|
|
paint: Paint()..color = const Color(0xffffbc63),
|
|
)..addAll([
|
|
MoveEffect.by(
|
|
Vector2(0, 20),
|
|
InfiniteEffectController(ZigzagEffectController(period: 8 / 7)),
|
|
),
|
|
MoveEffect.by(
|
|
Vector2(10, 0),
|
|
InfiniteEffectController(ZigzagEffectController(period: 2 / 3)),
|
|
),
|
|
]),
|
|
);
|
|
|
|
add(
|
|
RectangleComponent.square(
|
|
position: Vector2(140, 50),
|
|
size: 20,
|
|
paint: Paint()..color = const Color(0xffbeff63),
|
|
)..add(
|
|
MoveEffect.by(
|
|
Vector2(0, 20),
|
|
InfiniteEffectController(SineEffectController(period: 1)),
|
|
),
|
|
),
|
|
);
|
|
add(
|
|
RectangleComponent.square(
|
|
position: Vector2(190, 50),
|
|
size: 10,
|
|
paint: Paint()..color = const Color(0xffb663ff),
|
|
)..addAll([
|
|
MoveEffect.by(
|
|
Vector2(0, 20),
|
|
InfiniteEffectController(SineEffectController(period: 1))
|
|
..advance(0.25),
|
|
),
|
|
MoveEffect.by(
|
|
Vector2(10, 0),
|
|
InfiniteEffectController(SineEffectController(period: 1)),
|
|
),
|
|
]),
|
|
);
|
|
}
|
|
}
|