mirror of
https://github.com/flame-engine/flame.git
synced 2025-10-30 16:36:57 +08:00
55aea41788
* Adding animation support to parallax * Solving workaround * Fixing image composition add assert * adding docs, linting and a better example * lint * Apply suggestions from code review Co-authored-by: Jochum van der Ploeg <jochum@vdploeg.net> * Update examples/lib/stories/parallax/sandbox_layer.dart * Update doc/components.md * Update examples/lib/stories/parallax/sandbox_layer.dart Co-authored-by: Luan Nico <luanpotter27@gmail.com> * Update examples/lib/stories/parallax/animation.dart * formating * Update .min_coverage Co-authored-by: Jochum van der Ploeg <jochum@vdploeg.net> Co-authored-by: Luan Nico <luanpotter27@gmail.com>
97 lines
3.1 KiB
Dart
97 lines
3.1 KiB
Dart
import 'package:dashbook/dashbook.dart';
|
|
import 'package:flame/game.dart';
|
|
import 'package:flame/parallax.dart';
|
|
import 'package:flutter/painting.dart';
|
|
|
|
import '../../commons/commons.dart';
|
|
import 'advanced.dart';
|
|
import 'animation.dart';
|
|
import 'basic.dart';
|
|
import 'component.dart';
|
|
import 'no_fcs.dart';
|
|
import 'sandbox_layer.dart';
|
|
import 'small_parallax.dart';
|
|
|
|
void addParallaxStories(Dashbook dashbook) {
|
|
dashbook.storiesOf('Parallax')
|
|
..add(
|
|
'Basic',
|
|
(_) => GameWidget(game: BasicParallaxGame()),
|
|
codeLink: baseLink('parallax/basic.dart'),
|
|
info: 'Shows the simplest way to use a fullscreen ParallaxComponent',
|
|
)
|
|
..add(
|
|
'Component',
|
|
(_) => GameWidget(game: ComponentParallaxGame()),
|
|
codeLink: baseLink('parallax/component.dart'),
|
|
info: 'Shows how to do initiation and loading of assets from within an '
|
|
'extended ParallaxComponent',
|
|
)
|
|
..add(
|
|
'Animation',
|
|
(_) => GameWidget(game: AnimationParallaxGame()),
|
|
codeLink: baseLink('parallax/animation.dart'),
|
|
info: 'Shows how to use animations in a parallax',
|
|
)
|
|
..add(
|
|
'Non-fullscreen',
|
|
(_) => GameWidget(game: SmallParallaxGame()),
|
|
codeLink: baseLink('parallax/small_parallax.dart'),
|
|
info: 'Shows how to create a smaller parallax in the center of the '
|
|
'screen',
|
|
)
|
|
..add(
|
|
'No FCS',
|
|
(_) => GameWidget(game: NoFCSParallaxGame()),
|
|
codeLink: baseLink('parallax/no_fcs.dart'),
|
|
info: "Shows how to use the parallax without Flame's component system",
|
|
)
|
|
..add(
|
|
'Advanced',
|
|
(_) => GameWidget(game: AdvancedParallaxGame()),
|
|
codeLink: baseLink('parallax/advanced.dart'),
|
|
info: 'Shows how to create a parallax with different velocity deltas on '
|
|
'each layer',
|
|
)
|
|
..add(
|
|
'Layer sandbox',
|
|
(context) {
|
|
return GameWidget(
|
|
game: SandBoxLayerParallaxGame(
|
|
planeSpeed: Vector2(
|
|
context.numberProperty('plane x speed', 0),
|
|
context.numberProperty('plane y speed', 0),
|
|
),
|
|
planeRepeat: context.listProperty(
|
|
'plane repeat strategy',
|
|
ImageRepeat.noRepeat,
|
|
ImageRepeat.values,
|
|
),
|
|
planeFill: context.listProperty(
|
|
'plane fill strategy',
|
|
LayerFill.none,
|
|
LayerFill.values,
|
|
),
|
|
planeAlignment: context.listProperty(
|
|
'plane alignment strategy',
|
|
Alignment.center,
|
|
[
|
|
Alignment.topLeft,
|
|
Alignment.topRight,
|
|
Alignment.center,
|
|
Alignment.topCenter,
|
|
Alignment.centerLeft,
|
|
Alignment.bottomLeft,
|
|
Alignment.bottomRight,
|
|
Alignment.bottomCenter,
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
codeLink: baseLink('parallax/sandbox_layer.dart'),
|
|
info: 'In this example, properties of a layer can be changed to preview '
|
|
'the different combination of values',
|
|
);
|
|
}
|