Your First Flutter Flame Game

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.

It should only move to the right. You can accomplish by increasing the x coordinate from position.

Also, remember to call removeFromParent once the component is out of the screen to avoid performance issues.

Pause the video and try the challenge… Then keep watching for the solution.

Solution

Saucer

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

final Vector2 velocity = Vector2.zero();

Then, override update.

@override
void update(double dt) {
  super.update(dt);
}

Update velocity and position to move the Saucer to the right.

velocity.x = GameConstants.saucerSpeed;
position += velocity * dt;

Finally, call removeFromParent when the component goes out of the screen.

if (position.x + saucerWidth / 2 < 0 ||
    position.x - saucerWidth / 2 > GameConstants.cameraWidth) {
  removeFromParent();
}

Build and run the game. When the game starts you now see the enemy Saucer move until it disappears out of the screen.