mirror of
https://github.com/flame-engine/flame.git
synced 2025-10-31 00:48:47 +08:00
8b132d7c0b
* 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
96 lines
2.6 KiB
Dart
96 lines
2.6 KiB
Dart
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);
|
|
}
|
|
}
|