Pulse animation step
The pulse animation step animates a pulse.
The options are the same as those in the * pulse method.
To test examples, append them to the boilerplate
// Scale pulse, rotation pulse and translation pulsep.animations.new() .pulse({ scale: 1.5, duration: 1, }) .pulse({ duration: 1, rotation: 0.15, frequency: 4, }) .pulse({ duration: 1, translation: 0.02, min: -0.02, frequency: 4, }) .start(); Copy
// Scale pulse, rotation pulse and translation pulsep.animations.new() .pulse({ scale: 1.5, duration: 1, }) .pulse({ duration: 1, rotation: 0.15, frequency: 4, }) .pulse({ duration: 1, translation: 0.02, min: -0.02, frequency: 4, }) .start();
// Different ways to create a stand-alone stepconst step1 = p.animations.pulse({ scale: 1.5, duration: 1,});const step2 = new Fig.Animation.PulseAnimationStep({ element: p, rotation: 0.15, frequency: 4,});p.animations.new() .then(step1) .then(step2) .start(); Copy
// Different ways to create a stand-alone stepconst step1 = p.animations.pulse({ scale: 1.5, duration: 1,});const step2 = new Fig.Animation.PulseAnimationStep({ element: p, rotation: 0.15, frequency: 4,});p.animations.new() .then(step1) .then(step2) .start();
Get remaining duration of the animation.
define this if you want remaining duration from a custom time
Start animation
Pulse animation step
The pulse animation step animates a pulse.
The options are the same as those in the * pulse method.
Param: options
See
To test examples, append them to the boilerplate
Example
Example