Add Specific Animation Effects: Move, Rotate and Scale

Blippbuilder gives you the ability to control every aspect of your animation. You can move, rotate and scale assets by using animation. With these animation effects you can easily move planets across the sky while spinning or make bird fly through a landscape and get bigger as they appear to come closer.

Key Terms

Animation Timeline: Shows the animation for the duration of a blipp in a linear timeline. The animation timelines uses seconds to measure time.

Time Scrubber: The cursor on the animation timeline that allows for convenient animation editing. Each dash represents different times during a blipp. You can drag the time scrubber to different spots on the animation timeline and make adjustments that correlate to that moment in the blipp.

Canvas: A contained space in Blippbuilder that holds drawing and creation elements for your blipp. Located in the center of the screen. You will use this space similar to the way a painter creates their paintings, but instead of drawing you will drag and drop elements to create a picture.

Controlling the Move Animation

1. After assigning move to an asset a path will automatically be added. To change this you can move the asset to a new starting point.
2. To change the direction, click and drag the time scrubber to the end of the move asset in the animation timeline. Then click the asset on the canvas and drag it to your desired end point.  
3. To change the middle of the animation path move the scrubber to the desired point in the timeline. Then click the asset on the canvas and drag it to create your desired path.
4. To view hit the play button located on top and in the center of the animation timeline.

Controlling the Rotate Animation

1. After assigning rotate to an asset you can change the x, y and z axes by using the rotation rotation fields on the left hand side.
2. To change direction, click and drag the scrubber to the end of the rotate asset in the animation timeline. Then input the desired rotation in the x, y or z fields.
3. To change the rotation in the middle of the animation drag the scrubber to the time when you’d like to make a change. Then input your changes in the x, y or z fields.
4. 4. To view hit the play button located on top and in the center of the animation timeline.

Controlling the Scale Animation

1. After assigning scale to an asset you can change the automatically assigned scale by using the scale input field on the right hand side.
2. To change the scale, click and drag the scrubber to the end of the scale asset in the animation timeline. The input the desired scale in the field on the right hand side.
3. To edit the scale further you can move the scrubber to any point in the animation and enter the desired scale size for that point in the the timeline.
4. 4. To view hit the play button located on top and in the center of the animation timeline.

Related Articles

• Updating the Animation Timeline
• Adding Animation

Share with us in the comments what you want to create with animation. How will you use move, rotate and scale?