Passer au contenu principal

PositionAnimation

Description

Ce composant crée une animation sur une entité.

Propriétés

PropriétéTypeDéfautDescription
cibleeidindéfiniL'objet cible à animer. Si elle n'est pas spécifiée, l'animation est exécutée sur l'objet auquel le composant est attaché.
deXnombre0La coordonnée X de départ de l'animation.
deYnombre0La coordonnée Y de départ de l'animation.
deZnombre0La coordonnée Z de départ de l'animation.
toXnombre0Coordonnée X de la cible pour l'animation.
àYnombre0La coordonnée Y cible de l'animation.
toZnombre0La coordonnée Z cible de l'animation.
autoFrombooléenfauxSi cette option est activée, les propriétés 'fromX/Y/Z' sont ignorées et l'animation se fait à partir de l'état de l'objet au début de l'animation.
duréenombre1000Durée de l'animation en millisecondes.
bouclebooléenvraiSi cette option est activée, l'animation est répétée.
inverserbooléenfauxIndique si la lecture doit se faire en sens inverse, si la boucle est réglée.
easeInbooléenfauxSi cette option est activée, la fonction d'assouplissement sera appliquée dans le temps au lieu d'une interpolation directe.
facilitéSortiebooléenfauxSi cette option est activée, la fonction d'assouplissement sera appliquée dans le temps au lieu d'une interpolation directe.
easingFunctionchaîne de caractèresQuadratiqueChoisissez parmi les options suivantes : quadratique, cubique, quartique, quintique, sinusoïdale, exponentielle, circulaire, élastique, retour et rebond.
chemin le plus courtbooléenfauxSi cette option est activée, l'animation empruntera le chemin le plus court jusqu'à son terme.

Fonctions

Get

Returns a read-only reference.

Example

ecs.PositionAnimation.get(world, component.eid)

Set

Ensures the component exists on the entity, then assigns the (optional) data to the component.

Example

ecs.PositionAnimation.set(world, component.eid, {
from: {
x: 0,
y: 0,
z: 0
},
to: {
x: 0,
y: 0,
z: 0
},
autoFrom: false,
duration: 1000,
loop: true,
reverse: false,
easeIn: false,
easeOut: false,
easingFunction: 'Quadratic'
})

Mutate

Perform an update to the component within a callback function. Return true to indicate no changes made.

Example

ecs.PositionAnimation.mutate(world, component.eid, (cursor) => {
cursor.to.x = 10 ;
cursor.to.y = 5 ;
cursor.duration = 2000 ;
return false;
})

Remove

Removes the component from the entity.

Example

ecs.PositionAnimation.remove(world, component.eid)

Has

Returns true if the component is present on the entity.

Example

ecs.PositionAnimation.has(world, component.eid)

Reset

Adds, or resets the component to its default state.

Example

ecs.PositionAnimation.reset(world, component.eid)

Advanced Functions

Cursor

Returns a mutable reference. Cursors are reused so only one cursor for each component can exist at a time.

Example
ecs.PositionAnimation.cursor(world, component.eid)

Acquire

Same behavior as cursor, but commit must be called after the cursor is done being used.

Example
ecs.PositionAnimation.acquire(world, component.eid)

Commit

Called after acquire. An optional third argument determines whether the cursor was mutated or not.

Example
ecs.PositionAnimation.commit(world, component.eid)
ecs.PositionAnimation.commit(world, component.eid, false)

Dirty

Mark the entity as having been mutated. Only needed in a specific case where systems are mutating data.

Example
ecs.PositionAnimation.dirty(world, component.eid)