Your First Flutter Flame Game

Mar 6 2024 · Dart 3, Flutter 3.10.1, Android Studio 2021.3.1 or higher, Visual Studo Code 1.7.4 or higher

Part 2: Effects & User Input

12. Challenge: Add Movement to Saucer

Episode complete

Play next episode

Next
About this episode
Leave a rating/review
See forum comments
Cinema mode Mark complete Download course materials
Previous episode: 11. Rotate the Spaceship Next episode: 13. Play Sound Effects

Get immediate access to this and 4,000+ other videos and books.

Take your career further with a Kodeco Personal Plan. With unlimited access to over 40+ books and 4,000+ professional videos in a single subscription, it's simply the best investment you can make in your development career.

Learn more Already a subscriber? Sign in.

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

Use what you’ve learned during this course so far to define the movement of Saucer. Add a new vector for the velocity at which the component will move. Then, update the component’s position so it moves to the right.

Solution

Saucer

Start by opening Saucer and adding a new property called velocity.

final Vector2 velocity = Vector2.zero();
@override
void update(double dt) {
  super.update(dt);
}
velocity.x = GameConstants.saucerSpeed;
position += velocity * dt;
if (position.x + saucerWidth / 2 < 0 ||
    position.x - saucerWidth / 2 > GameConstants.cameraWidth) {
  removeFromParent();
}