Files
flame/examples/lib/stories/effects/infinite_effect.dart
Lukas Klingsbo 64a40ff641 Refactor joystick (#876)
* Refactor joystick

* Fix directional tests

* Joystick example

* Any PositionComponent can be used as knob and background

* Add MarginButtonComponent

* Fix JoystickExample

* Update joystick docs

* Fix joystick direction tests

* Fix effect tests

* Fix analyze issue

* Update docs

* Update docs

* Move joystick to input export

* Update packages/flame/lib/src/geometry/shape.dart

Co-authored-by: Luan Nico <luanpotter27@gmail.com>

* Add test and description for screenAngle

* Update examples/lib/stories/controls/joystick_player.dart

Co-authored-by: Erick <erickzanardoo@gmail.com>

* Update doc/input.md

Co-authored-by: Erick <erickzanardoo@gmail.com>

* controls -> input in examples to align with export file

* controls -> input

* Add simple joystick example

* Fix imports

* velocity -> relativeDelta

Co-authored-by: Luan Nico <luanpotter27@gmail.com>
Co-authored-by: Erick <erickzanardoo@gmail.com>
2021-07-15 12:00:41 +02:00

72 lines
1.7 KiB
Dart

import 'dart:math';
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);
final orange = Paint()..color = const Color(0xAABB6633);
SquareComponent makeSquare(Paint paint) {
return SquareComponent()
..paint = paint
..position.setValues(100, 100);
}
class InfiniteEffectGame extends BaseGame with TapDetector {
late SquareComponent greenSquare;
late SquareComponent redSquare;
late SquareComponent orangeSquare;
@override
Future<void> onLoad() async {
add(greenSquare = makeSquare(green));
add(redSquare = makeSquare(red));
add(orangeSquare = makeSquare(orange));
}
@override
void onTapUp(TapUpInfo info) {
final p = info.eventPosition.game;
greenSquare.clearEffects();
redSquare.clearEffects();
orangeSquare.clearEffects();
greenSquare.addEffect(
MoveEffect(
path: [p],
speed: 250.0,
curve: Curves.bounceInOut,
isInfinite: true,
isAlternating: true,
),
);
redSquare.addEffect(
ScaleEffect(
size: p,
speed: 250.0,
curve: Curves.easeInCubic,
isInfinite: true,
isAlternating: true,
),
);
orangeSquare.addEffect(
RotateEffect(
angle: (p.x + p.y) % (2 * pi),
speed: 1.0, // Radians per second
curve: Curves.easeInOut,
isInfinite: true,
isAlternating: true,
),
);
}
}