mirror of
https://github.com/flame-engine/flame.git
synced 2025-10-29 16:05: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
35 lines
1.1 KiB
Dart
35 lines
1.1 KiB
Dart
import 'package:flame/components.dart';
|
|
import 'package:flame/game.dart';
|
|
import 'package:flame/input.dart';
|
|
import 'package:flame/palette.dart';
|
|
import 'package:flutter/painting.dart';
|
|
|
|
import 'joystick_player.dart';
|
|
|
|
class JoystickExample extends FlameGame with HasDraggables {
|
|
static const String description = '''
|
|
In this example we showcase how to use the joystick by creating simple
|
|
`CircleComponent`s that serve as the joystick's knob and background.
|
|
Steer the player by using the joystick.
|
|
''';
|
|
|
|
late final JoystickPlayer player;
|
|
late final JoystickComponent joystick;
|
|
|
|
@override
|
|
Future<void> onLoad() async {
|
|
await super.onLoad();
|
|
final knobPaint = BasicPalette.blue.withAlpha(200).paint();
|
|
final backgroundPaint = BasicPalette.blue.withAlpha(100).paint();
|
|
joystick = JoystickComponent(
|
|
knob: CircleComponent(radius: 30, paint: knobPaint),
|
|
background: CircleComponent(radius: 100, paint: backgroundPaint),
|
|
margin: const EdgeInsets.only(left: 40, bottom: 40),
|
|
);
|
|
player = JoystickPlayer(joystick);
|
|
|
|
add(player);
|
|
add(joystick);
|
|
}
|
|
}
|