mirror of
https://github.com/flame-engine/flame.git
synced 2025-11-02 03:15:43 +08:00
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>
This commit is contained in:
72
examples/lib/stories/input/multitap_advanced.dart
Normal file
72
examples/lib/stories/input/multitap_advanced.dart
Normal file
@ -0,0 +1,72 @@
|
||||
import 'package:flame/extensions.dart';
|
||||
import 'package:flame/game.dart';
|
||||
import 'package:flame/input.dart';
|
||||
import 'package:flame/palette.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
/// Showcases how to mix two advanced detectors
|
||||
class MultitapAdvancedGame extends BaseGame
|
||||
with MultiTouchTapDetector, MultiTouchDragDetector {
|
||||
static final whitePaint = BasicPalette.white.paint();
|
||||
static final tapSize = Vector2.all(50);
|
||||
|
||||
final Map<int, Rect> taps = {};
|
||||
|
||||
Vector2? start;
|
||||
Vector2? end;
|
||||
Rect? panRect;
|
||||
|
||||
@override
|
||||
void onTapDown(int pointerId, TapDownInfo info) {
|
||||
taps[pointerId] = info.eventPosition.game.toPositionedRect(tapSize);
|
||||
}
|
||||
|
||||
@override
|
||||
void onTapUp(int pointerId, _) {
|
||||
taps.remove(pointerId);
|
||||
}
|
||||
|
||||
@override
|
||||
void onTapCancel(int pointerId) {
|
||||
taps.remove(pointerId);
|
||||
}
|
||||
|
||||
@override
|
||||
void onDragCancel(int pointerId) {
|
||||
end = null;
|
||||
start = null;
|
||||
panRect = null;
|
||||
}
|
||||
|
||||
@override
|
||||
void onDragStart(int pointerId, DragStartInfo info) {
|
||||
end = null;
|
||||
start = info.eventPosition.game;
|
||||
}
|
||||
|
||||
@override
|
||||
void onDragUpdate(int pointerId, DragUpdateInfo info) {
|
||||
end = info.eventPosition.game;
|
||||
}
|
||||
|
||||
@override
|
||||
void onDragEnd(int pointerId, _) {
|
||||
final start = this.start, end = this.end;
|
||||
if (start != null && end != null) {
|
||||
panRect = start.toPositionedRect(end - start);
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void render(Canvas canvas) {
|
||||
final panRect = this.panRect;
|
||||
super.render(canvas);
|
||||
taps.values.forEach((rect) {
|
||||
canvas.drawRect(rect, whitePaint);
|
||||
});
|
||||
|
||||
if (panRect != null) {
|
||||
canvas.drawRect(panRect, whitePaint);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user