Live Mockups · Animation · 2 min read

Control the animation

Play the built-in motion of a 3D scene, jump to any moment on the timeline, loop it and change its speed.

Press Play

Every Live Mockups scene comes with its own animation. Click Play, the first button below the canvas. The device moves from the start of the timeline, and the button turns into Pause. In this scene the timeline is 4.2 seconds long.

The editor with the laptop closed at the start and the Play, Back to start and Loop buttons below the canvasThe editor with the laptop closed at the start and the Play, Back to start and Loop buttons below the canvas
Play is the first of three buttons under the canvas.

Drag the playhead

Drag the playhead along the ruler to jump to any moment. The device shows its pose at that moment, so you can stop on the frame you like.

The laptop half open with the playhead at 2 seconds on the rulerThe laptop half open with the playhead at 2 seconds on the ruler
The playhead at 2 seconds.

Turn on Loop

Click Loop. When the animation reaches the end, it starts again. The button gets a gray background while Loop is on.

The Play, Back to start and Loop buttons with Loop switched on and the playhead near 2 secondsThe Play, Back to start and Loop buttons with Loop switched on and the playhead near 2 seconds
Loop is on when its button has a gray background.

Click Back to start

Click Back to start, the second button, to stop and return the playhead to 0 ms.

The laptop closed again with the playhead back at 0 msThe laptop closed again with the playhead back at 0 ms
Back to start puts the scene at its first frame.

Set the Speed

In the settings panel on the right, find Speed. Type a number in its box or drag the slider. At 2, this scene played in about 2 seconds instead of 4. At 0.5, it took about 8.

The Speed section in the settings panel with the value 2The Speed section in the settings panel with the value 2
Speed 2 plays the animation twice as fast.

Questions

How do I make the animation repeat?

Click Loop below the canvas. When the animation reaches the end, it starts again. The button has a gray background while Loop is on.

How do I stop on one frame?

Drag the playhead along the ruler to the moment you want. The device shows its pose at that moment.

Can I make the animation faster or slower?

Yes. Set Speed in the settings panel on the right. At 2 a 4.2-second animation played in about 2 seconds; at 0.5 it took about 8.

Why is the animation a different length in another scene?

Each Live Mockups scene has its own animation, so the end of the ruler is not the same everywhere.

Try it in the Live Mockups

Real 3D devices you turn, light and animate.

Open editor