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 08:56:01 +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/rendering/text_example.dart
+++ b/examples/lib/stories/rendering/text_example.dart
@ -0,0 +1,95 @@
+import 'dart:ui';
+
+import 'package:flame/components.dart';
+import 'package:flame/game.dart';
+import 'package:flame/palette.dart';
+import 'package:flutter/material.dart';
+
+class TextExample extends FlameGame {
+  static const String description = '''
+    In this example we show different ways of rendering text.
+  ''';
+
+  @override
+  Future<void> onLoad() async {
+    await super.onLoad();
+    add(
+      TextComponent(text: 'Hello, Flame', textRenderer: _regular)
+        ..anchor = Anchor.topCenter
+        ..x = size.x / 2
+        ..y = 32.0,
+    );
+
+    add(
+      TextComponent(text: 'Text with shade', textRenderer: _shaded)
+        ..anchor = Anchor.topRight
+        ..position = size - Vector2.all(100),
+    );
+
+    add(
+      TextComponent(text: 'center', textRenderer: _tiny)
+        ..anchor = Anchor.center
+        ..position.setFrom(size / 2),
+    );
+
+    add(
+      TextComponent(text: 'bottomRight', textRenderer: _tiny)
+        ..anchor = Anchor.bottomRight
+        ..position.setFrom(size),
+    );
+
+    add(
+      MyTextBox(
+        '"This is our world now. The world of the electron and the switch; '
+        'the beauty of the baud. We exist without nationality, skin color, '
+        'or religious bias. You wage wars, murder, cheat, lie to us and try '
+        "to make us believe it's for our own good, yet we're the "
+        'criminals. Yes, I am a criminal. My crime is that of curiosity."',
+      )
+        ..anchor = Anchor.bottomLeft
+        ..y = size.y,
+    );
+  }
+}
+
+final _regularTextStyle =
+    TextStyle(fontSize: 18, color: BasicPalette.white.color);
+final _regular = TextPaint(style: _regularTextStyle);
+final _tiny = TextPaint(style: _regularTextStyle.copyWith(fontSize: 14.0));
+final _box = _regular.copyWith(
+  (style) => style.copyWith(
+    color: Colors.lightGreenAccent,
+    fontFamily: 'monospace',
+    letterSpacing: 2.0,
+  ),
+);
+final _shaded = TextPaint(
+  style: TextStyle(
+    color: BasicPalette.white.color,
+    fontSize: 40.0,
+    shadows: const [
+      Shadow(color: Colors.red, offset: Offset(2, 2), blurRadius: 2),
+      Shadow(color: Colors.yellow, offset: Offset(4, 4), blurRadius: 4),
+    ],
+  ),
+);
+
+class MyTextBox extends TextBoxComponent {
+  MyTextBox(String text)
+      : super(
+          text: text,
+          textRenderer: _box,
+          boxConfig: TextBoxConfig(
+            maxWidth: 400,
+            timePerChar: 0.05,
+            growingBox: true,
+            margins: const EdgeInsets.all(25),
+          ),
+        );
+
+  @override
+  void drawBackground(Canvas c) {
+    final rect = Rect.fromLTWH(0, 0, width, height);
+    c.drawRect(rect, Paint()..color = Colors.white10);
+  }
+}