Step forward — Animate


In this tutorial, we will play a trajectory on Pepper, using the Animate action.


Before stepping in this tutorial, you should:

Let’s start a new project

  • Start a new project, let’s call it TrajectoryPepper.
  • Robotify it and make sure it implements the QiSDK & the Robot Life Cycle.

For further details, see: Creating a robot application.

Adding a trajectory resource

Create a new trajectory from scratch, using the Trajectory editor.

Step Action
Choose File > New > Animation Trajectory.

Enter the name of the file to create. Let’s say “dance”.

After clicking OK, the file will be created under the raw resource directory “/res/raw”.

The created file will be opened automatically through trajectory tool.
Use the tool to define your robot’s movement and click OK to store the movement to your file.

For further details, see: Trajectory Editor.

Building the animation

From this trajectory file we must now build an Animation class.

To do this, we use the AnimationBuilder class.

In the onRobotFocusGained method, add the following code:

// Create an animation.
Animation animation = AnimationBuilder.with(qiContext) // Create the builder with the context.
                                      .withResources( // Set the animation resource.
                                      .build(); // Build the animation.

Using the animation

We will animate Pepper by using the Animate interface.

Add an Animate field in your MainActivity:

// Store the Animate action.
private Animate animate;

Create it with an AnimateBuilder in the onRobotFocusGained method:

// Create an animate action.
animate = AnimateBuilder.with(qiContext) // Create the builder with the context.
                                .withAnimation(animation) // Set the animation.
                                .build(); // Build the animate action.

We used the previously created Animation to set the animation Pepper will perform.

Running the animation

We can now run the Animate:

// Run the animate action asynchronously.
Future<Void> animateFuture = animate.async().run();

Adding some log

  • To be notified when the Animate action starts, let’s use the addOnStartedListener method.

    Add this before the run:

    // Add an on started listener to the animate action.
    animate.addOnStartedListener(() -> Log.i(TAG, "Animation started."));

    Do not forget to remove this listener on Animate in the onRobotFocusLost method:

    // Remove on started listeners from the animate action.
    if (animate != null) {
  • To display a log trace indicating that the animation finished with success or error, add after the run:

    // Add a lambda to the action execution.
    animateFuture.thenConsume(future -> {
        if (future.isSuccess()) {
            Log.i(TAG, "Animation finished with success.");
        } else if (future.hasError()) {
            Log.e(TAG, "Animation finished with error.", future.getError());

Let’s try it

github_icon The sources for this tutorial are available on GitHub.

Step Action

Install and run the application.

For further details, see: Running an application.

Choose “Trajectory”.

You should observe the following:

  • the log “Animation started.” is displayed in the console,

  • Pepper executes the animation,

  • the log “Animation finished with success.” is displayed in the console.

That’s it! You can now animate Pepper!