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
2025-10-31 17:06:50 +08:00 · 2021-11-19 14:28:04 +01:00
parent 904481d289
commit 8b132d7c0b
90 changed files with 1574 additions and 1140 deletions
--- a/examples/lib/stories/collision_detection/simple_shapes_example.dart
+++ b/examples/lib/stories/collision_detection/simple_shapes_example.dart
@ -0,0 +1,106 @@
+import 'dart:math';
+import 'dart:ui';
+
+import 'package:flame/components.dart';
+import 'package:flame/effects.dart';
+import 'package:flame/extensions.dart';
+import 'package:flame/game.dart';
+import 'package:flame/geometry.dart';
+import 'package:flame/input.dart';
+import 'package:flame/palette.dart';
+
+enum Shapes { circle, rectangle, polygon }
+
+class SimpleShapesExample extends FlameGame with HasTappables {
+  static const description = '''
+    An example which adds random shapes on the screen when you tap it, if you
+    tap on an already existing shape it will remove that shape and replace it
+    with a new one.
+  ''';
+
+  final _rng = Random();
+
+  MyShapeComponent 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;
+    switch (shapeType) {
+      case Shapes.circle:
+        return MyShapeComponent(
+          HitboxCircle(),
+          position: position,
+          size: shapeSize,
+          angle: shapeAngle,
+        );
+      case Shapes.rectangle:
+        return MyShapeComponent(
+          HitboxRectangle(),
+          position: position,
+          size: shapeSize,
+          angle: shapeAngle,
+        );
+      case Shapes.polygon:
+        final points = [
+          Vector2.random(_rng),
+          Vector2.random(_rng)..y *= -1,
+          -Vector2.random(_rng),
+          Vector2.random(_rng)..x *= -1,
+        ];
+        return MyShapeComponent(
+          HitboxPolygon(points),
+          position: position,
+          size: shapeSize,
+          angle: shapeAngle,
+        );
+    }
+  }
+
+  @override
+  void onTapDown(int pointerId, TapDownInfo info) {
+    super.onTapDown(pointerId, info);
+    final tapPosition = info.eventPosition.game;
+    final component = randomShape(tapPosition);
+    add(component);
+    component.add(
+      MoveEffect(
+        path: [size / 2],
+        speed: 30,
+        isAlternating: true,
+        isInfinite: true,
+      ),
+    );
+    component.add(
+      RotateEffect(
+        angle: 3,
+        speed: 0.4,
+        isAlternating: true,
+        isInfinite: true,
+      ),
+    );
+  }
+}
+
+class MyShapeComponent extends ShapeComponent with Tappable {
+  @override
+  final Paint paint = BasicPalette.red.paint()..style = PaintingStyle.stroke;
+
+  MyShapeComponent(
+    HitboxShape shape, {
+    Vector2? position,
+    Vector2? size,
+    double? angle,
+  }) : super(
+          shape,
+          position: position,
+          size: size,
+          angle: angle,
+          anchor: Anchor.center,
+        );
+
+  @override
+  bool onTapDown(TapDownInfo _) {
+    removeFromParent();
+    return true;
+  }
+}