mirror of
https://github.com/flame-engine/flame.git
synced 2025-11-02 11:43:19 +08:00
Adding animation support to parallax (#835)
* 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>
This commit is contained in:
69
examples/lib/stories/parallax/sandbox_layer.dart
Normal file
69
examples/lib/stories/parallax/sandbox_layer.dart
Normal file
@ -0,0 +1,69 @@
|
||||
import 'package:flame/components.dart';
|
||||
import 'package:flame/game.dart';
|
||||
import 'package:flame/parallax.dart';
|
||||
import 'package:flutter/painting.dart';
|
||||
|
||||
class SandBoxLayerParallaxGame extends BaseGame {
|
||||
final Vector2 planeSpeed;
|
||||
final ImageRepeat planeRepeat;
|
||||
final LayerFill planeFill;
|
||||
final Alignment planeAlignment;
|
||||
|
||||
SandBoxLayerParallaxGame({
|
||||
required this.planeSpeed,
|
||||
required this.planeRepeat,
|
||||
required this.planeFill,
|
||||
required this.planeAlignment,
|
||||
});
|
||||
|
||||
@override
|
||||
Future<void> onLoad() async {
|
||||
final bgLayer = await loadParallaxLayer(
|
||||
ParallaxImageData('parallax/bg.png'),
|
||||
);
|
||||
final mountainFarLayer = await loadParallaxLayer(
|
||||
ParallaxImageData('parallax/mountain-far.png'),
|
||||
velocityMultiplier: Vector2(1.8, 0),
|
||||
);
|
||||
final mountainLayer = await loadParallaxLayer(
|
||||
ParallaxImageData('parallax/mountains.png'),
|
||||
velocityMultiplier: Vector2(2.8, 0),
|
||||
);
|
||||
final treeLayer = await loadParallaxLayer(
|
||||
ParallaxImageData('parallax/trees.png'),
|
||||
velocityMultiplier: Vector2(3.8, 0),
|
||||
);
|
||||
final foregroundTreesLayer = await loadParallaxLayer(
|
||||
ParallaxImageData('parallax/foreground-trees.png'),
|
||||
velocityMultiplier: Vector2(4.8, 0),
|
||||
);
|
||||
final airplaneLayer = await loadParallaxLayer(
|
||||
ParallaxAnimationData(
|
||||
'parallax/airplane.png',
|
||||
SpriteAnimationData.sequenced(
|
||||
amount: 4,
|
||||
stepTime: 0.2,
|
||||
textureSize: Vector2(320, 160),
|
||||
),
|
||||
),
|
||||
repeat: planeRepeat,
|
||||
velocityMultiplier: planeSpeed,
|
||||
fill: planeFill,
|
||||
alignment: planeAlignment,
|
||||
);
|
||||
|
||||
final parallax = Parallax(
|
||||
[
|
||||
bgLayer,
|
||||
mountainFarLayer,
|
||||
mountainLayer,
|
||||
treeLayer,
|
||||
foregroundTreesLayer,
|
||||
airplaneLayer,
|
||||
],
|
||||
baseVelocity: Vector2(20, 0),
|
||||
);
|
||||
|
||||
add(ParallaxComponent.fromParallax(parallax));
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user