mirror of
https://github.com/flame-engine/flame.git
synced 2025-11-02 03:15:43 +08:00
dbda37b81a
This PR adds the following lint rules to our list: ``` always_put_required_named_parameters_first avoid_multiple_declarations_per_line avoid_positional_boolean_parameters avoid_returning_null_for_void avoid_returning_this avoid_unnecessary_containers enable_null_safety library_private_types_in_public_api no_leading_underscores_for_library_prefixes no_leading_underscores_for_local_identifiers prefer_null_aware_method_calls tighten_type_of_initializing_formals unnecessary_late use_setters_to_change_properties ``` And these rules were considered, and some changes were made according to them as a clean-up, but in many places they didn't make sense (`prefer_asserts_with_message` I would have included, but there were too many places that needed to be changes): ``` collection_methods_unrelated_type prefer_asserts_with_message avoid_renaming_method_parameters ```
100 lines
2.6 KiB
Dart
100 lines
2.6 KiB
Dart
import 'dart:math';
|
|
|
|
import 'package:flame/collisions.dart';
|
|
import 'package:flame/components.dart';
|
|
import 'package:flame/experimental.dart';
|
|
import 'package:flame/extensions.dart';
|
|
import 'package:flame/game.dart';
|
|
import 'package:flame/input.dart';
|
|
|
|
enum Shapes { circle, rectangle, polygon }
|
|
|
|
class GestureHitboxesExample extends FlameGame
|
|
with TapCallbacks, HasHoverables {
|
|
static const description = '''
|
|
Tap to create a PositionComponent with a randomly shaped hitbox.
|
|
You can then hover over to shapes to see that they receive the hover events
|
|
only when the cursor is within the shape. If you tap/click within the shape
|
|
it is removed.
|
|
''';
|
|
|
|
final _rng = Random();
|
|
|
|
PositionComponent randomShape(Vector2 position) {
|
|
final shapeType = Shapes.values[_rng.nextInt(Shapes.values.length)];
|
|
final shapeSize =
|
|
Vector2.all(100) + Vector2.all(50.0).scaled(_rng.nextDouble());
|
|
final shapeAngle = _rng.nextDouble() * 6;
|
|
final hitbox = () {
|
|
switch (shapeType) {
|
|
case Shapes.circle:
|
|
return CircleHitbox();
|
|
case Shapes.rectangle:
|
|
return RectangleHitbox();
|
|
case Shapes.polygon:
|
|
final points = [
|
|
-Vector2.random(_rng),
|
|
Vector2.random(_rng)..x *= -1,
|
|
Vector2.random(_rng),
|
|
Vector2.random(_rng)..y *= -1,
|
|
];
|
|
return PolygonHitbox.relative(points, parentSize: shapeSize);
|
|
}
|
|
}();
|
|
return MyShapeComponent(
|
|
hitbox: hitbox,
|
|
position: position,
|
|
size: shapeSize,
|
|
angle: shapeAngle,
|
|
);
|
|
}
|
|
|
|
@override
|
|
void onTapDown(TapDownEvent event) {
|
|
super.onTapDown(event);
|
|
final tapPosition = event.localPosition;
|
|
final component = randomShape(tapPosition);
|
|
add(component);
|
|
}
|
|
}
|
|
|
|
class MyShapeComponent extends PositionComponent
|
|
with TapCallbacks, Hoverable, GestureHitboxes {
|
|
final ShapeHitbox hitbox;
|
|
late final Color baseColor;
|
|
late final Color hoverColor;
|
|
|
|
MyShapeComponent({
|
|
required this.hitbox,
|
|
super.position,
|
|
super.size,
|
|
super.angle,
|
|
}) : super(anchor: Anchor.center);
|
|
|
|
@override
|
|
Future<void> onLoad() async {
|
|
super.onLoad();
|
|
baseColor = ColorExtension.random(withAlpha: 0.8, base: 100);
|
|
hitbox.paint.color = baseColor;
|
|
hitbox.renderShape = true;
|
|
add(hitbox);
|
|
}
|
|
|
|
@override
|
|
void onTapDown(TapDownEvent _) {
|
|
removeFromParent();
|
|
}
|
|
|
|
@override
|
|
bool onHoverEnter(PointerHoverInfo info) {
|
|
hitbox.paint.color = hitbox.paint.color.darken(0.5);
|
|
return true;
|
|
}
|
|
|
|
@override
|
|
bool onHoverLeave(PointerHoverInfo info) {
|
|
hitbox.paint.color = baseColor;
|
|
return true;
|
|
}
|
|
}
|