mirror of
https://github.com/flame-engine/flame.git
synced 2025-11-02 11:43:19 +08:00
Unify examples structure (#1118)
* Animations, CameraAndViewport, CollisionDetection and Components unified * Added descriptions to effects * Rename input games * Unify input stories * Add info to parallax section * Added descriptions to the rendering examples * Add descriptions to the sprites directory * Fix utils and rendering section * Add descriptions to the widgets section * Delete directory that rebase brought back * Unify game names * Added some styleguide docs for examples * Fix analyze issues * All files should have _example as suffix * Made the FollowComponentExample a bit easier to understand * Change priority of ember
This commit is contained in:
53
examples/lib/stories/utils/timer_component_example.dart
Normal file
53
examples/lib/stories/utils/timer_component_example.dart
Normal file
@ -0,0 +1,53 @@
|
||||
import 'package:flame/components.dart';
|
||||
import 'package:flame/game.dart';
|
||||
import 'package:flame/input.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class TimerComponentExample extends FlameGame
|
||||
with TapDetector, DoubleTapDetector {
|
||||
static const String description = '''
|
||||
This examples showcases the `TimerComponent`.\n\n
|
||||
Tap to start a timer that lives for one second and double tap to start
|
||||
another timer that lives for 5 seconds.
|
||||
''';
|
||||
|
||||
RenderedTimeComponent? tapComponent;
|
||||
RenderedTimeComponent? doubleTapComponent;
|
||||
|
||||
@override
|
||||
void onTap() {
|
||||
tapComponent?.removeFromParent();
|
||||
tapComponent = RenderedTimeComponent(1);
|
||||
add(tapComponent!);
|
||||
}
|
||||
|
||||
@override
|
||||
void onDoubleTap() {
|
||||
doubleTapComponent?.removeFromParent();
|
||||
doubleTapComponent = RenderedTimeComponent(5, yOffset: 180);
|
||||
add(doubleTapComponent!);
|
||||
}
|
||||
}
|
||||
|
||||
class RenderedTimeComponent extends TimerComponent {
|
||||
final TextPaint textPaint = TextPaint(
|
||||
style: const TextStyle(color: Colors.white, fontSize: 20),
|
||||
);
|
||||
|
||||
final double yOffset;
|
||||
|
||||
RenderedTimeComponent(double period, {this.yOffset = 150})
|
||||
: super(
|
||||
period: period,
|
||||
removeOnFinish: true,
|
||||
);
|
||||
|
||||
@override
|
||||
void render(Canvas canvas) {
|
||||
textPaint.render(
|
||||
canvas,
|
||||
'Elapsed time: ${timer.current.toStringAsFixed(3)}',
|
||||
Vector2(30, yOffset),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user