Construct 3 icon

Construct 3

Documentation

Timeline

Ashley's avatar
Medal
Construct Team Founder
Published 10 May, 2019
307 words
~1-2 mins

A timeline can gradually change values of an instance over time to produce an animation. It allows for the co-ordination of complex transitions of many different instances at the same time.

Although the most basic usage is to change the X and Y properties of an instance to produce movement, a timeline can be configured to affect almost every property that can be part of an instance. This includes all the common instance properties, instance variables, effect parameters, behavior properties and plugin properties. Not all properties are supported by timelines as some of them don't make sense, such as any property that is only used on start up.

Timelines can modify boolean and text properties, but since these can not be interpolated like numbers or colors to achieve a smooth transition, they just change as the timeline's play head reaches their property keyframes.

Adding Timelines

With the Timeline Bar open, create a timeline using any of the following methods:

  • Right-click the Timelines folder in the Project Bar and select Add timeline
  • Right-click a space in the Layout View and select TimelineAdd timeline (when the Timeline Bar is open)

Timeline Properties

Name

The name of the timeline. It is a unique identifier and is used to refer to the timeline from an event sheet.

Animation mode

Result mode

Ease

Path mode

See the section on common timeline element properties in Timelines. Changing these at the timeline level will apply the change to every sub-element.

Time

The current time of the main time marker. This only affects the editor.

Total time

The total time for the timeline to be completed.

Step

The increments the current time marker can take in the editor. When using the Step animation mode, this value will be used at runtime to produce the correct increments while playing the timeline.