Animation

Reusable collections of AnimationChannels, together representing a discrete animation clip.

One Animation represents one playable unit in an animation system. Each may contain channels affecting multiple paths (translation, rotation, scale, or weights) on multiple Nodes. An Animation's channels must be played together, and do not have any meaning in isolation.

Multiple Animations may be played together: for example, one character's Walk animation might play while another character's Run animation plays. Or a single character might have both an Idle and a Talk animation playing at the same time. However, glTF does not define any particular relationship between top-level Animations, or any particular playback behavior like looping or sequences of Animations. General-purpose viewers typically autoplay the first animation and provide UI controls for choosing another. Game engines may have significantly more advanced methods of playing and blending animations.

For example, a very simple skinned Mesh might have two Animations, Idle and Walk. Each of those Animations might affect the rotations of two bones, LegL and LegR, where the keyframes for each target-path pair are stored in AnimationChannel instances. In total, this model would contain two Animations and Four AnimationChannels.

Usage:

const animation = doc.createAnimation('machineRun')
    .addChannel(rotateCog1)
    .addChannel(rotateCog2)
    .addChannel(rotateCog3);

Reference

Hierarchy

Properties

propertyType: PropertyType.ANIMATION

Methods

  • listChannels(): AnimationChannel[]
  • dispatchEvent(event: BaseEvent): this

  • Dispatches an event on the GraphNode, and on the associated Graph. Event types on the graph are prefixed, "node:[type]".

  • dispose(): void

  • Removes both inbound references to and outbound references from this object. At the end of the process the object holds no references, and nothing holds references to it. A disposed object is not reusable.

  • equals(other: Property, skip?: Set<string>): boolean

  • Returns true if two properties are deeply equivalent, recursively comparing the attributes of the properties. Optionally, a 'skip' set may be included, specifying attributes whose values should not be considered in the comparison.

    Example: Two Primitives are equivalent if they have accessors and materials with equivalent content — but not necessarily the same specific accessors and materials.

  • addEventListener(type: string, listener: EventListener<T>): this
  • removeEventListener(type: string, listener: EventListener<T>): this
  • getExtension(name: string): Prop | null
  • listExtensions(): ExtensionProperty[]
  • getExtras(): Record<string, unknown>

  • Returns a reference to the Extras object, containing application-specific data for this Property. Extras should be an Object, not a primitive value, for best portability.

  • setExtras(extras: Record<string, unknown>): Property

  • Updates the Extras object, containing application-specific data for this Property. Extras should be an Object, not a primitive value, for best portability.

  • isDisposed(): boolean

  • Returns true if the node has been permanently removed from the graph.

  • getName(): string

  • Returns the name of this property. While names are not required to be unique, this is encouraged, and non-unique names will be overwritten in some tools. For custom data about a property, prefer to use Extras.

  • Sets the name of this property. While names are not required to be unique, this is encouraged, and non-unique names will be overwritten in some tools. For custom data about a property, prefer to use Extras.

  • listParents(): Property[]

  • Returns a list of all properties that hold a reference to this property. For example, a material may hold references to various textures, but a texture does not hold references to the materials that use it.

    It is often necessary to filter the results for a particular type: some resources, like Accessors, may be referenced by different types of properties. Most properties include the Root as a parent, which is usually not of interest.

    Usage:

    const materials = texture
    .listParents()
    .filter((p) => p instanceof Material)
  • listSamplers(): AnimationSampler[]
Function symbol, where the argument and output are a box labeled 'glTF'.

Made by Don McCurdy. Documentation built with greendoc and published under Creative Commons Attribution 3.0.