Skip to main content
Glama
Padalogu

MCP Anime.js v4 Expert Server

by Padalogu

Server Configuration

Describes the environment variables required to run the server.

NameRequiredDescriptionDefault

No arguments

Instructions

Guidance the server publishes about itself, which clients place ahead of the tool catalog so the model reads it before choosing anything.

This server publishes no instructions, or was last inspected before Glama recorded them.

Capabilities

Features and capabilities supported by this server

Protocol revision2025-11-25

CapabilityDetails
tools
{}
resources
{}

Tools

Functions exposed to the LLM to take actions

NameDescription
validate_anime_codeB

Valida un fragmento de código JavaScript/TypeScript usando AST para detectar sintaxis obsoleta de v3, propiedades que causan reflow/layout-thrashing y fugas de memoria en frameworks.

search_anime_docsB

Busca en la base de conocimiento y catálogo de Anime.js v4 por términos clave (ej. 'spring', 'timeline', 'stagger', 'memory', 'x', 'composition').

get_parameter_detailsA

Obtiene información técnica detallada, tipo, valores por defecto, ejemplos y notas de rendimiento de un parámetro específico del motor.

list_engine_parametersB

Lista los parámetros conocidos del motor Anime.js v4, opcionalmente filtrados por categoría.

register_parameterC

Registra o actualiza dinámicamente un parámetro en el catálogo del motor Anime.js v4.

add_custom_docC

Agrega o actualiza un artículo o guía técnica en la documentación de Anime.js v4.

get_migration_guideA

Consulta la guía oficial y tabla de equivalencias para migrar código de Anime.js v3 a v4 (parámetros renombrados, métodos reemplazados, callbacks, promesas, SVG y helpers).

get_installation_guideA

Obtiene las instrucciones y comandos de instalación de Anime.js v4. Recomienda Bun como gestor principal por velocidad y tipado nativo, e incluye opciones para NPM, PNPM, Yarn, CDN (esm.sh/jsDelivr) y descarga directa.

get_module_imports_guideA

Consulta las opciones de importación modular de Anime.js v4: desde el módulo principal 'animejs', importación granular por subpaths (animejs/animation, animejs/timer, animejs/text, animejs/draggable, etc.) o importmaps para navegadores.

Prompts

Interactive templates invoked by user choice

NameDescription

No prompts

Resources

Contextual data attached and managed by the client

NameDescription
Anime.js v4 Overview & ArchitectureResumen de la arquitectura modular y cambios de sintaxis en v4.
Guía de Instalación y Configuración (Bun, NPM, CDN)Instrucciones de instalación recomendando Bun y alternativas tradicionales (NPM, PNPM, CDN, direct download).
Módulos y Subrutas Granulares de Anime.js v4Directorio de todas las subrutas (animejs/animation, animejs/timer, animejs/text, animejs/svg, etc.) y configuración de importmap.
Anime.js v4 Parameters CatalogCatálogo completo de parámetros soportados por el motor de animación.
Guía de Optimización y Rendimiento a 60/120fpsBuenas prácticas de aceleración GPU, prevención de reflows y gestión de memoria.
Guía de Migración de v3 a v4Guía completa con todos los cambios de sintaxis, métodos eliminados y equivalencias de v3 a v4.
Guía de Uso con Vanilla JavaScriptBuenas prácticas y ejemplos para JavaScript nativo (utils.$, createDraggable, spring physics, rotate).
Guía de Integración con React (createScope)Patrones oficiales con createScope, useEffect, métodos públicos y prevención de memory leaks con revert().
Guía de Temporizadores de Precisión (createTimer)Alternativa sincronizada a setTimeout/setInterval con soporte de frameRate, sin drift temporal y con pauseOnDocumentHidden.
Guía de Callbacks del Temporizador (onBegin, onUpdate, onLoop, onComplete)Ejecución de funciones en puntos clave del ciclo de vida del temporizador con createTimer().
Guía de Métodos del Temporizador (Timer Methods)Catálogo exhaustivo de métodos de control de la instancia Timer: play, pause, resume, restart, reverse, alternate, complete, reset, cancel, revert, seek, stretch, then.
Guía de Propiedades del Temporizador (Timer Properties)Catálogo exhaustivo de las 15 propiedades de la instancia Timer: id, deltaTime, currentTime, iterationCurrentTime, duration, progress, iterationProgress, currentIteration, speed, fps, paused, began, completed, reversed, backwards.
Guía de Animación (animate & waapi.animate)Guía exhaustiva del método animate() y waapi.animate(): motor JS vs WAAPI, targets, keyframes de propiedades, parámetros específicos y callbacks.
Guía de Targets de Animación (Animation Targets)Especificación de elementos objetivo en el 1er argumento de animate(): selectores CSS, nodos DOM, NodeLists, arrays mixtos, objetos planos y splitText.
Guía de Selectores CSS como TargetsUso de selectores CSS (clases, IDs, pseudoclases, combinadores) con document.querySelectorAll() como targets en animate().
Guía de Elementos DOM como TargetsUso de instancias de HTMLElement, SVGElement, SVGGeometryElement y NodeList como targets en animate().
Guía de Objetos JavaScript como Targets (JS)Uso de objetos JavaScript planos ({ x: 0 }) o instancias de clases (Three.js, canvas, vectores) como targets en animate(). Característica exclusiva del motor JS.
Guía de Array de Targets (Array of Targets)Agrupación de múltiples targets en un Array, combinando selectores CSS, nodos DOM y objetos JavaScript planos en una única animación simultánea.
Guía de Propiedades Animables (Animatable Properties)Especificación y distinción de propiedades animables del target vs parámetros de animación en animate().
Guía de Propiedades CSS (CSS Properties)Reglas de sintaxis (camelCase vs kebab-case en string), funciones calc/filter, soporte de colores y prevención de reflows en propiedades CSS animables.
Guía de Transformaciones CSS (CSS Transforms)Especificación de transformaciones CSS individuales (x, y, z, rotate, scale, skew, perspective), orden de renderizado fijo, utils.set(), waapi.animate() y restricciones de matrix/matrix3d.
Guía de Variables CSS (CSS Variables)Animación de variables CSS (--custom-properties), animación de pseudo-elementos (::before, ::after), patrón de asignación por función en utils.set() y compatibilidad WAAPI.
Guía de Propiedades de Objetos JavaScript (JavaScript Object Properties)Animación de propiedades numéricas, con unidades y de color en objetos JavaScript planos e instancias de clases (Three.js, canvas, Pixi), modifiers y callbacks onRender/onUpdate.
Guía de Atributos HTML (HTML Attributes)Animación de atributos HTML numéricos y de color en elementos DOM (value en inputs, min, max, canvas width/height, scrollTop), modifiers de redondeo y exclusión de WAAPI.
Guía de Atributos SVG (SVG Attributes)Animación de atributos SVG numéricos y de color en elementos vectoriales y filtros (<feTurbulence>, <feDisplacementMap>, <polygon> points, etc.), utilidades de animejs/svg y exclusión de WAAPI.
Guía de Tipos de Valores de Animación (Tween Value Types)Sintaxis de valores de animación (números estáticos, unidades CSS, funciones dinámicas por elemento/índice, operadores relativos +=, -=, *= y sintaxis de objeto from/to).
Guía de Valores Numéricos (Numerical Value)Especificación de valores numéricos como Number o String, herencia automática de unidades en JS animate() y lista de 15 propiedades con fallback a 'px' en waapi.animate().
Guía de Conversión de Unidades (Unit Conversion Value)Conversión de valores hacia unidades heterogéneas ('px' a '%', 'rem', 'turn'), consideraciones en motor JS con utils.set() y ventaja nativa con waapi.animate().
Guía de Valores Relativos (Relative Value) [JS]Operadores aritméticos relativos (+=, -=, *=) en cadenas para sumar, restar o multiplicar el valor actual. Exclusivo del motor JavaScript [JS].
Guía de Valores de Color (Color Value)Formatos de color soportados (HEX, HEXA, RGB, RGBA, HSL, HSLA, String name [WAAPI]), interpolación fluida entre formatos y transparencia alfa independiente.
Guía de Función de Color CSS (Color Function Value) [WAAPI]Animación de la función CSS color() para espacios de color modernos (Display P3, sRGB, Rec. 2020) con waapi.animate().
Guía de Variables CSS como Valores (CSS Variable Tween Value)Uso de variables CSS ('var(--name)') como valores de interpolación en waapi.animate() y animate(), arrays de variables y actualización reactiva mediante anim.refresh().
Guía de Valores Basados en Funciones (Function Based Value)Asignación de funciones dinámicas por elemento en animaciones multi-target (target, index, targets, prevTween), cambio en v4.4.0 de total a targets.length y recálculo con anim.refresh().
Guía de Parámetros de Tween (Tween Parameters)Configuración global y local de tiempos, curvas y valores en propiedades animables, herencia en cascada y sobreescritura granular.
Guía del Parámetro 'to' (Tween Parameter to)Especificación del parámetro local 'to' en Anime.js v4: anima hacia un valor específico desde el valor actual del target. Acepta Tween Value Types o array [from, to].
Guía del Parámetro 'from' (Tween Parameter from)Especificación del parámetro local 'from' en Anime.js v4: anima desde un valor inicial específico hacia el valor actual del target en el DOM. Acepta Tween Value Types.
Guía del Parámetro 'delay' (Tween Parameter delay)Especificación del parámetro 'delay' en Anime.js v4: retraso en milisegundos aplicable global o localmente a una propiedad. Acepta Number >= 0 o función.
Guía del Parámetro 'duration' (Tween Parameter duration)Especificación del parámetro 'duration' en Anime.js v4: duración en milisegundos a nivel global o local. Acepta Number >= 0 o función. Clamping a 1e12.
Guía del Parámetro 'ease' (Tween Parameter ease)Especificación del parámetro 'ease' en Anime.js v4: curvas de aceleración globales o locales. Acepta easing Function, built-in ease String ('out(2)'), objeto eases o spring().
Guía del Parámetro 'composition' (Tween Parameter composition) [JS]Especificación del parámetro 'composition' en Anime.js v4: resolución de animaciones simultáneas. Modos 'replace' (0), 'none' (1) y animaciones aditivas con 'blend' (2).
Guía del Parámetro 'modifier' (Tween Parameter modifier) [JS]Especificación del parámetro 'modifier' en Anime.js v4: alteración del valor numérico cuadro a cuadro (per-frame), preservación automática de unidades ('px', 'rem'), integración con utils y reemplazo de round de v3.
Guía de Keyframes (Fotogramas Clave)Creación de secuencias consecutivas con Property value keyframes (Tween Values y Tween Parameters) y Animation keyframes globales (Duration Based y Percentage Based [JS]).
Guía de Keyframes de Valores de Tween (Tween Values Keyframes)Especificación de secuencias pasando un Array de valores primitivos a una propiedad, cálculo de transiciones equitativas (duración / (N - 1)), función del primer elemento como 'from', y uso de 'playbackEase' [JS].
Guía de Keyframes de Parámetros de Tween (Tween Parameters Keyframes) [JS]Especificación de secuencias pasando un Array de objetos de parámetros a una propiedad, control independiente de to, duration, delay, ease y modifier por fotograma clave, regla de duración (duration / keyframes.length) y exclusividad del motor JS.
Guía de Keyframes Basados en Duración (Duration Based Keyframes) [JS]Especificación global de secuencias pasando un Array de objetos a 'keyframes: [...]', control coordinado de múltiples propiedades y parámetros locales, regla de duración (duration / keyframes.length) y coexistencia de propiedades concurrentes.
Guía de Keyframes Basados en Porcentajes (Percentage Based Keyframes) [JS]Especificación global de secuencias pasando un Objeto a 'keyframes: { '0%': ..., '100%': ... }', soporte exclusivo de 'ease' como parámetro local, fijación del valor inicial 'from value' y similitud con la regla CSS @keyframes.
Guía de Ajustes de Reproducción de Animación (Animation Playback Settings)Especificación de temporizaciones, velocidades, repeticiones y comportamientos de ejecución directamente en el objeto de parámetros de animate() y waapi.animate(), diferencias entre motores [JS] y [WAAPI], y manipulación dinámica.
Guía de Retraso de Reproducción (Animation Playback Setting: delay)Definición del retraso por defecto en milisegundos de los tweens de animación, valores numéricos, valores basados en función y configuración global con engine.defaults.delay.
Guía de Duración de Reproducción (Animation Playback Setting: duration)Definición de la duración por defecto en milisegundos de los tweens de animación, comportamiento instantáneo con duration: 0, acotación a 1e12 y configuración global con engine.defaults.duration.
Guía de Repeticiones de Reproducción (Animation Playback Setting: loop)Definición de repeticiones en animaciones con loop: conteo numérico [0, Infinity], true o -1 para bucle infinito, alternancia con alternate: true, reversión inicial con reversed: true y configuración global con engine.defaults.loop.
Guía de Retraso entre Bucles (Animation Playback Setting: loopDelay) [JS]Definición del retraso en milisegundos entre repeticiones consecutivas de la animación con loopDelay [JS], diferencias clave con el obsoleto endDelay de v3, exclusividad en el motor JavaScript y configuración global con engine.defaults.loopDelay.
Guía de Alternancia de Dirección (Animation Playback Setting: alternate)Definición de alternancia de dirección en bucles con alternate: true, requisito de loop >= 1, combinación con reversed: true, migración desde direction de v3 y compatibilidad en motores JS y WAAPI.
Guía de Dirección Inicial Revertida (Animation Playback Setting: reversed)Definición de dirección inicial de reproducción con reversed: true (backwards) vs reversed: false (forwards), sinergia con alternate, reemplazo de direction: reverse de v3 y soporte para motores JS y WAAPI.
Guía de Modo de Reproducción Automática (Animation Playback Setting: autoplay)Definición del modo de reproducción con autoplay (true por defecto vs false manual), integración directa con onScroll(), anulación obligatoria en Timelines y compatibilidad en motores JS y WAAPI.
Guía de Tasa de Cuadros por Segundo (Animation Playback Setting: frameRate) [JS]Definición de fotogramas por segundo (fps) con frameRate [JS], modificación reactiva en caliente con animation.fps = 30, límites físicos del monitor y exclusividad del motor JavaScript.
Guía de Velocidad de Reproducción (Animation Playback Setting: playbackRate)Definición del multiplicador de velocidad con playbackRate, congelación con 0, slow motion vs fast forward, modificación en caliente con animation.speed y compatibilidad JS y WAAPI.
Guía de Curva de Aceleración Global (Animation Playback Setting: playbackEase) [JS]Definición de playbackEase [JS]: modulación de la curva de aceleración global de la animación a lo largo de toda la secuencia de keyframes (0 a 1), diferencias con tween ease, exclusividad en motor JS y configuración con engine.defaults.
Guía de Persistencia en Memoria (Animation Playback Setting: persist) [WAAPI]Definición de persist [WAAPI]: retención en memoria de animaciones nativas WAAPI tras completarse, prevención de fugas de memoria, control con métodos interactivos posteriores y activación automática en onScroll.
Guía de Callbacks de Animación (Animation Callbacks)Catálogo completo de los 7 callbacks del ciclo de vida de animación (onBegin, onComplete, onBeforeUpdate, onUpdate, onRender, onLoop, onPause) y la Promesa then(), acceso a self, diferencias entre JS y WAAPI, y migración v3 a v4.
Guía de Callback de Inicio (Animation Callback: onBegin) [JS]Definición de onBegin [JS]: función ejecutada cuando la animación arranca a moverse efectivamente tras el delay inicial, acceso a la instancia 'self' y propiedad began, configuración global con engine.defaults y exclusividad en motor JS.
Guía de Callback de Finalización (Animation Callback: onComplete) [Universal]Definición de onComplete (Universal): función ejecutada cuando todas las repeticiones (loops) terminan o al llamar a animation.complete(), acceso a 'self' y propiedad completed, compatibilidad total con WAAPI y motor JS, y configuración con engine.defaults.
Guía de Callback Pre-Cálculo de Tweens (Animation Callback: onBeforeUpdate) [JS]Definición de onBeforeUpdate [JS]: función ejecutada antes de actualizar los valores de los tweens en cada frame, sinergia directa con modifier para evitar 1-frame lag, cadencia con frameRate y exclusividad en motor JS.
Guía de Callback en Cada Cuadro (Animation Callback: onUpdate) [JS]Definición de onUpdate [JS]: función ejecutada en cada cuadro (frame) a la tasa de frameRate, acceso a la instancia 'self: JSAnimation', control de fps dinámico y exclusividad en motor JS.
Guía de Callback de Renderizado Físico (Animation Callback: onRender) [JS]Definición de onRender [JS]: función ejecutada cada vez que la animación renderiza cambios en pantalla o en los targets, suspensión automática durante delay y loopDelay, sincronización de canvas/WebGL y exclusividad en motor JS.
Guía de Callback por Iteración (Animation Callback: onLoop) [JS]Definición de onLoop [JS]: función ejecutada al completarse cada iteración (loop) de la animación, soporte con alternate y loopDelay, unificación de loopBegin/loopComplete de v3 y exclusividad en motor JS.
Guía de Callback de Pausa (Animation Callback: onPause) [JS]Definición de onPause [JS]: función ejecutada cuando la animación se pausa manual (.pause(), .cancel(), .revert()) o automáticamente (solapamiento por 'composition: replace' o 'utils.remove()'), y exclusividad en motor JS.
Guía de Promesa Thenable (Animation Callback: then()) [Universal]Definición de then() [Universal]: método que devuelve una Promesa resuelta al finalizar la animación, soporte nativo de async/await y Promise.all, compatibilidad en animate() y waapi.animate(), y reemplazo de anim.finished de v3.
Guía de Métodos de Animación (Animation Methods)Catálogo completo de los 13 métodos de instancia de animación (play, reverse, pause, restart, alternate, resume, complete, cancel, revert, reset [JS], seek, stretch, refresh), encadenamiento fluido (method chaining), diferencias entre cancel vs revert vs reset, reevaluación dinámica con refresh() y migración desde v3.
Guía del Método de Reproducción Hacia Adelante (Animation Method: play())Definición del método interactivo play() [Universal]: fuerza la reproducción hacia adelante (forward), retorno encadenable 'this', diferencias clave con resume(), integración con autoplay: false y paridad completa en animate() y waapi.animate().
Guía del Método de Reproducción Inversa (Animation Method: reverse())Definición del método interactivo reverse() [Universal]: fuerza la reproducción marcha atrás (backward), retorno encadenable 'this', diferencias clave con alternate() y reversed: true, integración con stagger() y paridad completa en animate() y waapi.animate().
Guía del Método de Pausa de Animación (Animation Method: pause())Definición del método interactivo pause() [Universal]: suspende la reproducción activa en su posición temporal actual, retorno encadenable 'this', activación de animation.paused y callback onPause, comparativa crucial frente a cancel() y revert(), y paridad completa en animate() y waapi.animate().
Guía del Método de Reinicio de Animación (Animation Method: restart())Definición del método interactivo restart() [Universal]: restablece todas las propiedades y fija currentTime = 0, reproducción automática si autoplay es true, retorno encadenable 'this', diferencias cruciales frente a reset() y revert(), y paridad completa en animate() y waapi.animate().
Guía del Método de Alternancia de Dirección (Animation Method: alternate())Definición del método interactivo alternate() [Universal]: conmuta la dirección de reproducción ajustando currentTime sin saltos, retorno encadenable 'this', diferencias cruciales frente a reverse() y alternate: true, idóneo para toggles y acordeones, y paridad completa en animate() y waapi.animate().
Guía del Método de Reanudación de Animación (Animation Method: resume())Definición del método interactivo resume() [Universal]: reanuda la reproducción de una animación pausada en su dirección actual, retorno encadenable 'this', diferencia crucial frente a play() (conserva sentido inverso), y paridad completa en animate() y waapi.animate().
Guía del Método de Finalización Instantánea de Animación (Animation Method: complete())Definición del método interactivo complete() [Universal]: completa la animación de forma instantánea situando targets en su estado final, despacha onComplete, resuelve promesas .then(), retorno encadenable 'this', diferencias frente a cancel() y revert(), y paridad completa en animate() y waapi.animate().
Guía del Método de Cancelación de Animación (Animation Method: cancel())Definición del método interactivo cancel() [Universal]: pausa la animación, la retira del bucle del motor y libera memoria conservando el estado visual actual, retorno encadenable 'this', diferencias frente a pause() y revert(), y paridad completa en animate() y waapi.animate().
Guía del Método de Reversión y Limpieza de Animación (Animation Method: revert())Definición del método interactivo revert() [Universal]: cancela la animación, restaura valores al estado original, limpia estilos CSS inline del DOM y revierte instancias de onScroll() vinculadas. Ideal para destruir animaciones y funciones de cleanup en React y otros frameworks. Retorno encadenable 'this' y paridad completa en animate() y waapi.animate().
Guía del Método de Reseteo de Animación (Animation Method: reset()) [JS]Definición del método interactivo reset() [JS]: pausa la animación y restablece propiedades (currentTime = 0, progress = 0, reversed = false, began = false, completed = false), soporte de parámetro softReset=false (Boolean) para omitir renderizado visual, retorno encadenable 'this', diferencias frente a restart() y revert(), y exclusividad del motor JavaScript [JS].
Guía del Método de Desplazamiento Temporal de Animación (Animation Method: seek())Definición del método interactivo seek() [Universal]: actualiza currentTime y avanza/retrocede la animación a un milisegundo específico, soporte de muteCallbacks=false para silenciar callbacks durante el salto, retorno encadenable 'this', enlace con sliders/scrubbers de UI, y paridad completa en animate() y waapi.animate().
Guía del Método de Escala Temporal de Animación (Animation Method: stretch()) [JS]Definición del método interactivo stretch() [JS]: modifica la duración total de la animación y escala proporcionalmente sus tweens internos para ajustarse a un tiempo específico, fórmula con iteraciones de loop, comportamiento especial con duración 0, retorno encadenable 'this', y exclusividad del motor JavaScript [JS].
Guía del Método de Recálculo Dinámico de Animación (Animation Method: refresh()) [JS]Definición del método interactivo refresh() [JS]: reevalúa en caliente las propiedades animables definidas mediante funciones dinámicas (Function based values) actualizando valores from y to, inmutabilidad de duration y delay, retorno encadenable 'this' (ej. refresh().restart()), uso en bucles generativos onLoop, y exclusividad del motor JavaScript [JS].
Visión General de Propiedades de Animación (Animation Properties) en Anime.js v4Guía completa de las 16 propiedades disponibles en la instancia devuelta por animate() y waapi.animate(): 7 universales (targets, currentTime, progress, duration, speed, paused, completed) y 9 exclusivas [JS] (id, iterationCurrentTime, deltaTime, iterationProgress, currentIteration, fps, began, reversed, backwards), modos de acceso solo lectura vs lectura/escritura, y diferencias clave con v3.
Guía de Líneas de Tiempo (Timeline con createTimeline) en Anime.js v4Orquestación y sincronización de secuencias temporales en Anime.js v4 con createTimeline(): métodos add() para animaciones y timers, call() para callbacks, label() para marcadores, sync() para anidar timelines, herencia de defaults, y sintaxis del parámetro position (marcas absolutas, relativas +=/-=, solapamientos <= y <<).
Guía de Adición y Sincronización de Temporizadores en Líneas de Tiempo (Timeline Add Timers) en Anime.js v4Incorporación de temporizadores en secuencias de Timeline: creación inline directa con timeline.add(parameters, position), sincronización de instancias externas con timeline.sync(timer, position), retorno encadenable 'this' y coordinación temporal precisa.
Guía de Adición y Sincronización de Animaciones en Líneas de Tiempo (Timeline Add Animations) en Anime.js v4Incorporación de animaciones en secuencias de Timeline: creación inline con timeline.add(targets, parameters, position) para composición dinámica de tweens y herencia de defaults, sincronización de animaciones externas con timeline.sync(animation, position) y retorno encadenable 'this'.
Guía de Sincronización de Animaciones WAAPI en Líneas de Tiempo (Timeline Sync WAAPI Animations) en Anime.js v4Sincronización de animaciones nativas Web Animations API (WAAPI) en createTimeline() mediante el método sync(): aceleración por hardware en compositor GPU, control unificado de scrubbing y reproducción, parámetros inmutables y encadenamiento fluido 'this'.
Guía de Sincronización y Anidación de Líneas de Tiempo (Timeline Sync Timelines) en Anime.js v4Sincronización y anidación de múltiples instancias de createTimeline() mediante el método sync(): arquitectura modular de escenas, defaults independientes, control maestro unificado con seek() y reversión en cascada con revert().
Guía de Llamada a Funciones en Líneas de Tiempo (Timeline Call Functions) en Anime.js v4Ejecución de funciones callback y efectos secundarios en marcas de tiempo específicas de una línea de tiempo mediante el método call(callback, position): ejecución puntual, orquestación de estados y encadenamiento fluido 'this'.
Guía de Posicionamiento Temporal en Líneas de Tiempo (Timeline Time Position) en Anime.js v4Especificación de momentos de inserción de hijos en createTimeline(): 9 tipos de posición temporal (Absolute, Addition, Subtraction, Multiplier, <, <<, Combined, Label, Stagger), sintaxis y validación.
Guía de Ajustes de Reproducción de Líneas de Tiempo (Timeline Playback Settings) en Anime.js v4Especificación de temporizaciones, repeticiones, comportamientos de ejecución y defaults de una línea de tiempo en createTimeline(): defaults, delay, loop, loopDelay, alternate, reversed, autoplay, frameRate, playbackRate y playbackEase, cálculo automático de duration y control dinámico con fps y speed.
Guía del Ajuste 'defaults' en Líneas de Tiempo (Timeline Defaults) en Anime.js v4Especificación del objeto defaults en createTimeline(): herencia automática de parámetros de tween, playback settings y callbacks para todos los hijos, sobreescritura local en tl.add(), y exclusión de 'to', 'from' y 'targets'.
Guía del Ajuste 'delay' en Líneas de Tiempo (Timeline Delay) en Anime.js v4Especificación del retardo inicial en ms antes de que arranque la línea de tiempo completa en createTimeline({ delay }): valor por defecto 0, configuración global vía engine.defaults.delay, y diferencia con los offsets de posición temporal.
Guía del Ajuste 'loop' en Líneas de Tiempo (Timeline Loop) en Anime.js v4Especificación del número de repeticiones de una línea de tiempo en createTimeline({ loop }): valores numéricos [0, Infinity], true o -1 para repetición indefinida, valor por defecto 0, engine.defaults.loop, combinación con alternate y loopDelay, y callbacks de ciclo onLoop.
Guía del Ajuste 'loopDelay' en Líneas de Tiempo (Timeline LoopDelay) en Anime.js v4Especificación de la demora en ms entre repeticiones consecutivas de una línea de tiempo en createTimeline({ loopDelay }): valor por defecto 0, engine.defaults.loopDelay, alcance raíz vs defaults de hijos, sin pausa tras la última iteración, y combinación con alternate: true.
Guía del Ajuste 'alternate' en Líneas de Tiempo (Timeline Alternate) en Anime.js v4Especificación de la alternancia de sentido en cada iteración de una línea de tiempo en createTimeline({ alternate }): Boolean (default false), engine.defaults.alternate, alcance raíz vs defaults de hijos, sinergia con reversed: true y loopDelay, y migración desde direction: 'alternate'.
Guía del Ajuste 'reversed' en Líneas de Tiempo (Timeline Reversed) en Anime.js v4Especificación de la dirección inicial de reproducción marcha atrás en createTimeline({ reversed }): Boolean (default false), engine.defaults.reversed, alcance raíz vs defaults de hijos, sinergia con alternate y loop, y migración desde direction: 'reverse'.
Guía del Ajuste 'autoplay' en Líneas de Tiempo (Timeline Autoplay) en Anime.js v4Especificación del modo de reproducción automática de una línea de tiempo en createTimeline({ autoplay }): Boolean | onScroll() (default true), engine.defaults.autoplay, arranque manual con tl.play() o tl.restart(), vinculación con scroll y sobreescritura de pasos hijos.
Guía del Ajuste 'frameRate' en Líneas de Tiempo (Timeline FrameRate) en Anime.js v4Especificación de la tasa de fotogramas por segundo (fps) en createTimeline({ frameRate }): Number > 0 (default 240), engine.defaults.frameRate = 30, modificación en caliente mediante timeline.fps = 30, límites de hardware y diferencias entre configuración e instancia.
Guía del Ajuste 'playbackRate' en Líneas de Tiempo (Timeline PlaybackRate) en Anime.js v4Especificación del multiplicador de velocidad en createTimeline({ playbackRate }): Number >= 0 (default 1), engine.defaults.playbackRate = .75, modificación en tiempo de ejecución mediante timeline.speed = .5, congelación con 0, y sincronización con utils.sync.
Guía del Ajuste 'playbackEase' en Líneas de Tiempo (Timeline PlaybackEase) en Anime.js v4Especificación de la curva macro de aceleración global en createTimeline({ playbackEase }): ease (default null), engine.defaults.playbackEase = 'inOut', sinergia entre playbackEase macro y ease micro en animaciones hijas, y funciones personalizadas.
Guía de Callbacks de Línea de Tiempo (Timeline Callbacks) en Anime.js v4Especificación de callbacks y promesas en createTimeline(): onBegin, onComplete, onBeforeUpdate, onUpdate, onRender, onLoop, onPause, y then() Promise. Argumento self, ciclo de vida, diferencias entre callbacks en la raíz y en defaults, y migración v3.
Guía del Callback 'onBegin' en Líneas de Tiempo (Timeline onBegin) en Anime.js v4Especificación del callback onBegin en createTimeline({ onBegin }): ejecución tras el delay inicial, argumento self, propiedad reactiva self.began (pasa a true), engine.defaults.onBegin, y diferencias de alcance entre raíz y defaults.
Guía del Callback 'onComplete' en Líneas de Tiempo (Timeline onComplete) en Anime.js v4Especificación del callback onComplete en createTimeline({ onComplete }): ejecución al concluir todas las iteraciones (loops), relación con self.completed, finalización manual con tl.complete(), alcance en raíz vs defaults, promesas y engine.defaults.onComplete.
Guía del Callback 'onBeforeUpdate' en Líneas de Tiempo (Timeline onBeforeUpdate) en Anime.js v4Especificación del callback onBeforeUpdate en createTimeline({ onBeforeUpdate }): ejecución antes del cálculo de fotograma de animaciones hijas, orden del ciclo de vida (onBeforeUpdate -> cálculo -> onUpdate -> onRender), frameRate y tl.fps, alcance en raíz vs defaults y engine.defaults.onBeforeUpdate.
Guía del Callback 'onUpdate' en Líneas de Tiempo (Timeline onUpdate) en Anime.js v4Especificación del callback onUpdate en createTimeline({ onUpdate }): ejecución en cada fotograma a la cadencia de frameRate, acceso a self.currentTime y self.progress, alcance en raíz vs defaults y engine.defaults.onUpdate.
Guía del Callback 'onRender' en Líneas de Tiempo (Timeline onRender) en Anime.js v4Especificación del callback onRender en createTimeline({ onRender }): ejecución cada vez que la línea de tiempo renderiza algo en pantalla (DOM o targets), supresión durante delay y loopDelay, orden del ciclo de vida (onBeforeUpdate -> cómputo -> onUpdate -> onRender), alcance raíz vs defaults, engine.defaults.onRender y migración desde 'change' de v3.
Guía del Callback 'onLoop' en Líneas de Tiempo (Timeline onLoop) en Anime.js v4Especificación del callback onLoop en createTimeline({ onLoop }): ejecución cada vez que se completa una iteración de la línea de tiempo, sinergia con loopDelay y alternate: true, propiedad self.backwards, alcance raíz vs defaults y migración desde loopBegin/loopComplete de v3.
Guía del Callback 'onPause' en Líneas de Tiempo (Timeline onPause) en Anime.js v4Especificación del callback onPause en createTimeline({ onPause }): ejecución cuando la línea de tiempo se pausa manual (.pause(), .cancel(), .revert()) o automáticamente (solapamiento 'replace', remoción de targets), propiedad self.paused (evalúa a true), alcance raíz vs defaults y engine.defaults.onPause.
Guía del Método 'then()' en Líneas de Tiempo (Timeline then) en Anime.js v4Especificación de la resolución mediante Promesa de una línea de tiempo con tl.then(callback) o await tl: soporte de thenable nativo, argumento self con self.completed = true, uso en async/await y Promise.all(), y migración desde tl.finished de v3.
Visión General de Métodos de Línea de Tiempo (Timeline Methods) en Anime.js v4Guía completa de los métodos disponibles en la instancia devuelta por createTimeline(): métodos de reproducción (play, pause, restart, reverse, resume, alternate, complete, cancel, revert, reset, seek, stretch, refresh), composición (add, call, label, sync), promesa then(), y encadenamiento fluido (method chaining).
Guía del Método 'add()' en Líneas de Tiempo (Timeline add) en Anime.js v4Especificación técnica del método 'timeline.add()' en Anime.js v4: sobrecarga polimórfica para añadir animaciones ('tl.add(targets, parameters, position?)') y temporizadores ('tl.add(timerParameters, position?)'), encadenamiento fluido (retorno 'this'), posicionamiento temporal, diferencias con '.sync()' y migración desde v3.
Guía del Método 'set()' en Líneas de Tiempo (Timeline set) en Anime.js v4Especificación técnica del método 'timeline.set()' en Anime.js v4: asignación instantánea (duración cero) de propiedades animables a objetivos en una posición temporal específica, encadenamiento fluido (retorno 'this'), diferencias conceptuales con 'utils.set()' y migración desde v3.
Guía del Método 'sync()' en Líneas de Tiempo (Timeline sync) en Anime.js v4Especificación técnica del método 'timeline.sync()' en Anime.js v4: sincronización polimórfica de animaciones JS, WAAPI (Anime.js y nativas), temporizadores y timelines hijas en secuencias maestras, encadenamiento fluido (retorno 'this'), posicionamiento temporal, composición de tweens y migración desde v3.
Guía del Método 'label()' en Líneas de Tiempo (Timeline label) en Anime.js v4Especificación técnica del método 'timeline.label()' en Anime.js v4: definición de marcas o hitos temporales nominales, referencias relativas compuestas, encadenamiento fluido (retorno 'this'), estructuración de escenas y migración desde v3.
Guía del Método 'remove()' en Líneas de Tiempo (Timeline remove) en Anime.js v4Especificación técnica del método 'timeline.remove()' en Anime.js v4: remoción selectiva de animaciones, temporizadores, sub-timelines, objetivos completos (targets) o propiedades de tween individuales ('propertyName'), pausa automática al vaciarse, preservación de duración y encadenamiento fluido.
Guía del Método 'call()' en Líneas de Tiempo (Timeline call) en Anime.js v4Especificación técnica del método 'timeline.call()' en Anime.js v4: invocación puntual de funciones callback y efectos secundarios en marcas de tiempo específicas, soporte de time positions complejas, encadenamiento fluido (retorno 'this') y orquestación con React.
Guía del Método 'init()' en Líneas de Tiempo (Timeline init) en Anime.js v4Especificación técnica del método 'timeline.init()' en Anime.js v4: inicialización y renderizado forzado de los estados y valores iniciales ('from') de todos los elementos hijos para evitar FOUC, retorno fluido 'this' e integración con React.
Guía del Método 'play()' en Líneas de Tiempo (Timeline play) en Anime.js v4Especificación técnica del método 'timeline.play()' en Anime.js v4: reproducción forzada hacia adelante (forward playback), diferencias críticas con resume(), encadenamiento fluido (retorno 'this'), reactivación del bucle del motor e integración con React.
Guía del Método 'reset()' en Líneas de Tiempo (Timeline reset) en Anime.js v4Especificación técnica del método 'timeline.reset()' en Anime.js v4: pausa y restablecimiento de currentTime, progress, reversed, began y completed a valores por defecto, modo softReset sin renderizado visual, retorno fluido 'this' e integración con React.
Guía del Método 'reverse()' en Líneas de Tiempo (Timeline reverse) en Anime.js v4Especificación técnica del método 'timeline.reverse()' en Anime.js v4: reproducción forzada hacia atrás (backward playback), diferencias críticas con alternate() y reversed: true, encadenamiento fluido (retorno 'this') e integración con React.
Guía del Método 'pause()' en Líneas de Tiempo (Timeline pause) en Anime.js v4Especificación técnica del método 'timeline.pause()' en Anime.js v4: pausa del avance temporal, congelamiento de currentTime y estilos DOM, activación del callback 'onPause', propiedad 'tl.paused', retorno fluido 'this' e integración con React.
Guía del Método 'restart()' en Líneas de Tiempo (Timeline restart) en Anime.js v4Especificación técnica del método 'timeline.restart()' en Anime.js v4: restablecimiento de currentTime a 0, reinicio de propiedades de elementos a su estado inicial, comportamiento según el parámetro autoplay, diferencias con reset(), retorno fluido 'this' e integración con React.
Guía del Método 'alternate()' en Líneas de Tiempo (Timeline alternate) en Anime.js v4Especificación técnica del método 'timeline.alternate()' en Anime.js v4: conmutación de la dirección de reproducción, ajuste dinámico de currentTime sin saltos, diferencias con reverse() y alternate: true, retorno fluido 'this' e integración con React.
Guía del Método 'resume()' en Líneas de Tiempo (Timeline resume) en Anime.js v4Especificación técnica del método 'timeline.resume()' en Anime.js v4: reanudación de la reproducción de una línea de tiempo pausada conservando su dirección actual (forward o backward), diferencias críticas con play(), retorno fluido 'this' e integración con React.
Guía del Método 'complete()' en Líneas de Tiempo (Timeline complete) en Anime.js v4Especificación técnica del método 'timeline.complete()' en Anime.js v4: finalización instantánea de la línea de tiempo, salto de elementos a valores finales, disparo de onComplete, resolución de promesas then(), retorno fluido 'this' e integración con React.
Guía del Método 'cancel()' en Líneas de Tiempo (Timeline cancel) en Anime.js v4Especificación técnica del método 'timeline.cancel()' en Anime.js v4: pausa de la línea de tiempo, retiro del bucle principal del motor y liberación de memoria, preservación de estilos visuales actuales, retorno fluido 'this' e integración con React.
Guía del Método 'revert()' en Líneas de Tiempo (Timeline revert) en Anime.js v4Especificación técnica del método 'timeline.revert()' en Anime.js v4: cancelación de la línea de tiempo, reversión de valores animados de todos los hijos a su estado original, limpieza de estilos CSS inline, reversión de onScroll vinculado, retorno fluido 'this' e integración con React.
Guía del Método 'seek()' en Líneas de Tiempo (Timeline seek) en Anime.js v4Especificación técnica del método 'timeline.seek()' en Anime.js v4: actualización del currentTime en milisegundos, parámetro muteCallbacks, soporte para scrubbing y sliders, retorno fluido 'this' e integración con React.
Guía del Método 'stretch()' en Líneas de Tiempo (Timeline stretch) en Anime.js v4Especificación técnica del método 'timeline.stretch()' en Anime.js v4: alteración de la duración total de la línea de tiempo y escalado proporcional de todos sus hijos en milisegundos, fórmula con loop, retorno fluido 'this' e integración con React.
Guía del Método 'refresh()' en Líneas de Tiempo (Timeline refresh) en Anime.js v4Especificación técnica del método 'timeline.refresh()' en Anime.js v4: recálculo y reevaluación de las propiedades animables de los hijos definidas con funciones dinámicas (Function based values), actualización de 'from' y 'to', exclusividad del motor JS, retorno fluido 'this' e integración con React.
Guía de Propiedades de Línea de Tiempo (Timeline Properties) en Anime.js v4Especificación técnica de las 16 propiedades de instancia en createTimeline() de Anime.js v4: reactividad en tiempo real (currentTime, progress, speed, fps), gestión de etiquetas (labels), estado de ciclo de vida (paused, began, completed, reversed), propiedades de solo lectura (duration, deltaTime, backwards) e integración con React y Bun.
Guía del Módulo Animatable (createAnimatable) en Anime.js v4Especificación técnica del módulo 'createAnimatable()' en Anime.js v4: animación reactiva continua de alto rendimiento para eventos de cursor y render loops, getters y setters numéricos por propiedad, subruta 'animejs/animatable' e integración con React y Bun.
Guía de Animatable Settings (Ajustes Globales y Específicos de Propiedad) en Anime.js v4Especificación técnica de configuraciones en createAnimatable(): ajustes globales y específicos de propiedad (unit, duration, ease, modifier), asignación de valores iniciales e integración con React y Bun.
Guía de Animatable Setting 'unit' (Unidad CSS por Propiedad) en Anime.js v4Especificación técnica del ajuste 'unit' en createAnimatable(): define la unidad CSS para el valor animado de la propiedad, permitiendo métodos setter numéricos de alto rendimiento sin sobrecarga de strings.
Guía de Animatable Setting 'duration' (Duración de Transición de Propiedad) en Anime.js v4Especificación técnica del ajuste 'duration' en createAnimatable(): define la duración de la transición en milisegundos hacia el nuevo valor (default 1000ms, soporta 0ms para seguimiento instantáneo y sobrescritura en el setter).
Guía de Animatable Setting 'ease' (Función de Easing en Animatable) en Anime.js v4Especificación técnica del ajuste 'ease' en createAnimatable(): determina la función de curvatura o aceleración para la transición hacia el nuevo valor animado (default 'out(2)', recomendación de tipo 'out' para fluidez interactiva y sobrescritura en setter).
Guía de Animatable Setting 'modifier' (Función Modificadora de Valor en Animatable) en Anime.js v4Especificación técnica del ajuste 'modifier' en createAnimatable(): define una función para alterar o restringir el valor numérico en tiempo real (ej. utils.snap, utils.clamp, utils.round), soporta configuración global y por propiedad.
Guía de Animatable Methods (Métodos de Instancia en Animatable) en Anime.js v4Especificación técnica de los métodos en createAnimatable(): funciones setter por propiedad (con encadenamiento fluido y sobrescritura de duration/ease), funciones getter y método revert() para limpieza y restauración de estilos.
Guía de Animatable Methods: Getters (Lectura de Valores en Tiempo Real) en Anime.js v4Especificación técnica de los métodos Getters en createAnimatable(): invocación sin argumentos para obtener el valor numérico en tiempo real (Number para valores escalares y Array<Number> para valores de múltiples dimensiones como colores RGB), con soporte para hooks en animations[prop].onRender.
Guía de Animatable Methods: Setters (Actualización de Valores y Encadenamiento) en Anime.js v4Especificación técnica de los métodos Setters en createAnimatable(): invocación con al menos un argumento (value, duration?, easing?) para transicionar suavemente a nuevos valores numéricos y encadenar llamadas de múltiples propiedades ('animatable.x(100).y(200)').
Guía del Método revert() en Animatable (Animatable Method: revert()) en Anime.js v4Especificación técnica del método revert() en createAnimatable(): cancelación inmediata de transiciones activas, restauración de propiedades a valores originales, eliminación completa de estilos CSS inline del DOM, sustituto oficial de destroy/stop/kill y retorno de la propia instancia ('this') para encadenamiento fluido.
Guía de Propiedades de Instancia Animatable (Animatable Properties: targets y animations) en Anime.js v4Especificación técnica de las propiedades expuestas en instancias de createAnimatable(): targets (Array de elementos de solo lectura) y animations (Objeto con instancias Animation individuales por propiedad para inspección y hooks de renderizado).
Guía del Módulo Draggable (createDraggable) en Anime.js v4Especificación técnica de createDraggable(target, parameters): añade capacidades interactivas de arrastre (drag and drop) a elementos del DOM, subpath 'animejs/draggable', límites de contenedor, físicas de resorte (releaseEase), disparadores (trigger) y callbacks de interacción.
Guía de Parámetros de Ejes de Draggable (Draggable axes parameters) en Anime.js v4Especificación técnica de los parámetros de ejes en createDraggable(): configuración global o específica por eje (x, y, snap, modifier, mapTo), ajustes magnéticos, funciones modificadoras y desactivación de ejes.
Guía del Parámetro de Eje 'x' de Draggable (createDraggable) en Anime.js v4Especificación técnica del parámetro de eje 'x' en createDraggable(): control del eje horizontal, desactivación con 'x: false' o configuración específica de eje (snap, modifier, mapTo).
Guía del Parámetro de Eje 'y' de Draggable (createDraggable) en Anime.js v4Especificación técnica del parámetro de eje 'y' en createDraggable(): control del eje vertical, desactivación con 'y: false' o configuración específica de eje (snap, modifier, mapTo).
Guía del Parámetro de Eje 'snap' de Draggable (createDraggable) en Anime.js v4Especificación técnica del parámetro de eje 'snap' en createDraggable(): redondeo o imantación a incrementos numéricos, arrays de puntos discretos o funciones reactivas con auto-refresh.
Guía del Parámetro de Eje 'modifier' de Draggable (createDraggable) en Anime.js v4Especificación técnica del parámetro de eje 'modifier' en createDraggable(): función modificadora dinámica de coordenadas por cuadro para wrapping (utils.wrap), clamping (utils.clamp) o transformaciones personalizadas.
Guía del Parámetro de Eje 'mapTo' de Draggable (createDraggable) en Anime.js v4Especificación técnica del parámetro de eje 'mapTo' en createDraggable(): mapeo del desplazamiento del eje a propiedades alternativas (rotate, rotateY, z, scale, opacity) en lugar de traslación estándar.
Guía de Configuraciones de Draggable (Draggable Settings) en Anime.js v4Especificación técnica de la suite de configuraciones (Settings) en createDraggable(): límites espaciales, padding, físicas de resorte (stiffness, mass, damping, ease), trigger, velocidad, autoscroll y cursores.
Guía del Parámetro de Configuración 'trigger' de Draggable en Anime.js v4Especificación técnica del parámetro 'trigger' en createDraggable(): especifica un elemento o selector disparador (drag handle) diferente al objetivo principal para iniciar el arrastre.
Guía del Parámetro de Configuración 'container' de Draggable en Anime.js v4Especificación técnica del parámetro 'container' en createDraggable(): límites espaciales del arrastre mediante selector CSS, HTMLElement, tupla [top, right, bottom, left] o función dinámica.
Guía del Parámetro de Configuración 'containerPadding' de Draggable en Anime.js v4Especificación técnica del parámetro 'containerPadding' en createDraggable(): margen interno (padding) en píxeles del contenedor respecto al elemento arrastrable (número, tupla [top, right, bottom, left] o función).
Guía del Parámetro de Configuración 'containerFriction' de Draggable en Anime.js v4Especificación técnica del parámetro 'containerFriction' en createDraggable(): fricción o resistencia elástica (rubber-banding) al sobrepasar los bordes del contenedor (rango 0 a 1 o función).
Guía del Parámetro de Configuración 'releaseContainerFriction' de Draggable en Anime.js v4Especificación técnica del parámetro 'releaseContainerFriction' en createDraggable(): sobrescribe containerFriction al soltar o lanzar fuera de límites (rango 0 a 1 o función).
Guía del Parámetro de Configuración 'releaseMass' de Draggable en Anime.js v4Especificación técnica del parámetro 'releaseMass' en createDraggable(): masa simulada aplicada tras soltar el elemento (entre 0 y 10000, default 1). Afecta velocidad, distancia y rebote.
Guía del Parámetro de Configuración 'releaseStiffness' de Draggable en Anime.js v4Especificación técnica del parámetro 'releaseStiffness' en createDraggable(): rigidez o tensión elástica tras soltar el elemento (entre 0 y 10000, default 80). Afecta velocidad, distancia y rebote.
Guía del Parámetro de Configuración 'releaseDamping' de Draggable en Anime.js v4Especificación técnica del parámetro 'releaseDamping' en createDraggable(): amortiguamiento tras soltar el elemento (entre 0 y 10000, default 10). Afecta velocidad, distancia y rebote.
Guía del Parámetro de Configuración 'velocityMultiplier' de Draggable en Anime.js v4Especificación técnica del parámetro 'velocityMultiplier' en createDraggable(): multiplicador de velocidad inercial tras soltar (0 = sin inercia, 1 = normal, >=0 o función).
Guía del Parámetro de Configuración 'minVelocity' de Draggable en Anime.js v4Especificación técnica del parámetro 'minVelocity' en createDraggable(): velocidad mínima aplicada tras soltar el elemento (>=0 o función, default 0).
Guía del Parámetro de Configuración 'maxVelocity' de Draggable en Anime.js v4Especificación técnica del parámetro 'maxVelocity' en createDraggable(): velocidad máxima aplicada tras soltar el elemento (>=0 o función, default 50).
Guía del Parámetro de Configuración 'releaseEase' de Draggable en Anime.js v4Especificación técnica del parámetro 'releaseEase' en createDraggable(): curva de easing o resorte tras soltar, snap o reposicionamiento fuera de límites (default: eases.outQuint). Pasar spring() anula releaseMass, releaseStiffness y releaseDamping.
Guía del Parámetro de Configuración 'dragSpeed' de Draggable en Anime.js v4Especificación técnica del parámetro 'dragSpeed' en createDraggable(): multiplicador de velocidad durante el arrastre activo (default: 1; >1 acelera, 0 congela, <0 invierte).
Guía del Parámetro de Configuración 'dragThreshold' de Draggable en Anime.js v4Especificación técnica del parámetro 'dragThreshold' en createDraggable(): distancia mínima en px para iniciar el arrastre (default: { mouse: 3, touch: 7 }).
Guía del Parámetro de Configuración 'scrollThreshold' de Draggable en Anime.js v4Especificación técnica del parámetro 'scrollThreshold' en createDraggable(): cantidad de píxeles que debe cruzar el elemento más allá de los límites del contenedor antes de iniciar auto-scroll (default: 20).
Guía del Parámetro de Configuración 'scrollSpeed' de Draggable en Anime.js v4Especificación técnica del parámetro 'scrollSpeed' en createDraggable(): multiplicador de velocidad de auto-scroll del contenedor al sobrepasar límites (default: 1.5; 0 desactiva auto-scroll).
Guía del Parámetro de Configuración 'cursor' de Draggable en Anime.js v4Especificación técnica del parámetro 'cursor' en createDraggable(): propiedades de cursor CSS personalizadas para los estados hovered y grabbed en dispositivos '(pointer:fine)' (default: { onHover: 'grab', onGrab: 'grabbing' }, false desactiva estilos).
Guía de Callbacks de Draggable (Draggable Callbacks) en Anime.js v4Especificación técnica de la suite de callbacks en createDraggable(): ejecución de funciones en puntos clave del ciclo de arrastre (onGrab, onDrag, onRelease, onSettle) con acceso al argumento draggable.
Guía del Callback 'onGrab' de Draggable en Anime.js v4Especificación técnica del callback 'onGrab' en createDraggable(): se ejecuta al iniciar la interacción/agarre del elemento, recibiendo la instancia draggable como primer argumento.
Guía del Callback 'onDrag' de Draggable en Anime.js v4Especificación técnica del callback 'onDrag' en createDraggable(): se ejecuta continuamente en cada frame de animación mientras el elemento es arrastrado, recibiendo la instancia draggable activa.
Guía del Callback 'onUpdate' de Draggable en Anime.js v4Especificación técnica del callback 'onUpdate' en createDraggable(): se ejecuta continuamente cada vez que cambia la posición del elemento durante el arrastre y la fase de inercia/resorte.
Guía del Callback 'onRelease' de Draggable en Anime.js v4Especificación técnica del callback 'onRelease' en createDraggable(): se ejecuta al soltar el elemento tras un agarre, recibiendo la instancia draggable con velocidades y destinos proyectados.
Guía del Callback 'onSnap' de Draggable en Anime.js v4Especificación técnica del callback 'onSnap' en createDraggable(): se ejecuta cada vez que ocurre un ajuste magnético (snap) durante el arrastre o reposo, con acceso a la instancia draggable.
Guía del Callback 'onSettle' de Draggable en Anime.js v4Especificación técnica del callback 'onSettle' en createDraggable(): se ejecuta cuando el elemento arrastrado se detiene por completo tras haber sido liberado, con acceso a coordenadas definitivas.
Guía del Callback 'onResize' de Draggable en Anime.js v4Especificación técnica del callback 'onResize' en createDraggable(): se ejecuta automáticamente cuando cambian las dimensiones del contenedor o del elemento objetivo arrastrado.
Guía del Callback 'onAfterResize' de Draggable en Anime.js v4Especificación técnica del callback 'onAfterResize' en createDraggable(): se ejecuta tras cambios de tamaño y actualización de valores internos, idóneo para recolocar con self.animateInView().
Guía de Métodos de Instancia Draggable en Anime.js v4Especificación técnica exhaustiva de los métodos de instancia devueltos por createDraggable(): disable, enable, setX, setY, animateInView, scrollInView, stop, reset, revert, refresh.
Guía del Método 'disable()' de Draggable en Anime.js v4Especificación técnica del método disable() en createDraggable(): desactiva las interacciones de arrastre dejando el elemento inerte sin alterar su posición ni desmontarlo.
Guía del Método 'enable()' de Draggable en Anime.js v4Especificación técnica del método enable() en createDraggable(): reactiva las interacciones de arrastre dejando el elemento interactivo nuevamente sin alterar su posición ni desmontarlo.
Guía del Método 'setX()' de Draggable en Anime.js v4Especificación técnica del método setX(x, muteCallback?) en createDraggable(): define manualmente la posición horizontal 'x' del target con soporte opcional para silenciar onUpdate.
Guía del Método 'setY()' de Draggable en Anime.js v4Especificación técnica del método setY(y, muteCallback?) en createDraggable(): define manualmente la posición vertical 'y' del target con soporte opcional para silenciar onUpdate.
Guía del Método 'animateInView()' de Draggable en Anime.js v4Especificación técnica del método animateInView(duration?, gap?, ease?) en createDraggable(): anima suavemente el elemento arrastrable hacia el interior del área visible de su contenedor si se encuentra fuera de sus límites.
Guía del Método 'scrollInView()' de Draggable en Anime.js v4Especificación técnica del método scrollInView(duration?, gap?, ease?) en createDraggable(): anima la posición de scroll del contenedor si el elemento arrastrable se encuentra fuera del umbral de scroll ('scrollThreshold').
Guía del Método 'stop()' de Draggable en Anime.js v4Especificación técnica del método stop() en createDraggable(): detiene todas las animaciones activas dirigidas al draggable, la animación de scroll del contenedor y la animación de liberación (release animation).
Guía del Método 'reset()' de Draggable en Anime.js v4Especificación técnica del método reset() en createDraggable(): restablece el elemento arrastrable a su posición inicial (initial position) conservando la interactividad de la instancia.
Guía del Método 'revert()' de Draggable en Anime.js v4Especificación técnica del método revert() en createDraggable(): restaura el elemento arrastrable a su estado inicial y lo desactiva por completo, removiendo event listeners y desconectando observadores.
Guía del Método 'refresh()' de Draggable en Anime.js v4Especificación técnica del método refresh() en createDraggable(): recalcula todos los parámetros definidos mediante funciones y reevalúa los valores y dimensiones internas del arrastrable (snap, container, friction, velocity, scroll).
Guía de Propiedades de Instancia Draggable (Draggable Properties) en Anime.js v4Especificación técnica exhaustiva de las 64 propiedades disponibles en la instancia devuelta por createDraggable(target, parameters): coordenadas (x, y, destX, destY, deltaX, deltaY), progreso normalizado (progressX, progressY), vectores e inercia (velocity, angle, pointerVelocity, pointerAngle, coords, pointer), elementos y contenedores ($container, $target, $trigger, $scrollContainer, containerArray), geometrías de sólo lectura (containerBounds, targetBounds, scrollBounds, dragArea, scrollView, window), ajustes dinámicos y flags de estado.
Guía del Módulo Layout (createLayout) en Anime.js v4Guía técnica oficial del módulo Layout en Anime.js v4. Anima automáticamente entre dos estados de diseño HTML (técnica FLIP) para propiedades CSS complejas (display, flex-direction, grid, orden DOM) usando createLayout(root, parameters?).
Guía de Usage en Layout: layout.record() & layout.animate() vs layout.update() (Anime.js v4)Especificación técnica oficial de los flujos de trabajo de Layout en Anime.js v4 (v4.3.0): combo desacoplado layout.record() & layout.animate() para mutaciones externas/asíncronas vs método directo atómico layout.update(callback).
Guía del Parámetro 'root' en Layout (Anime.js v4)Especificación técnica oficial del parámetro obligatorio 'root' en createLayout(root, parameters?) de Anime.js v4: selectores CSS, nodos DOM nativos, delimitación de medidas y vinculación de elementos externos mediante data-layout-id.
Guía de Animación de Propiedades CSS display en Layout (Anime.js v4)Especificación técnica oficial para transiciones entre valores de CSS display (flex, grid, block, none) y estados enterFrom/leaveTo en Anime.js v4.
Guía de Animación Escalonada (Stagger) en Layout (Anime.js v4)Especificación técnica oficial para animaciones con desfase progresivo en AutoLayout mediante delay: stagger(), parámetros dinámicos 'from' y cuadrículas 2D en Anime.js v4.
Guía de Animación de Cambio de Orden en el DOM en Layout (Anime.js v4)Especificación técnica oficial para animaciones automáticas de reordenación del DOM (FLIP), acceso a { root } en layout.update(), barajado no destructivo con utils.shuffle() y flujos desacoplados en Anime.js v4.
Guía de Animación de Entrada en Layout (Anime.js v4)Especificación técnica oficial para animaciones automáticas de entrada en AutoLayout mediante enterFrom (default opacity: 0), personalización de propiedades iniciales y diferenciación de timings independientes en Anime.js v4.
Guía de Animación de Salida en Layout (Anime.js v4)Especificación técnica oficial para animaciones automáticas de salida en AutoLayout mediante leaveTo (default opacity: 0), timings independientes, patrón de borrado en dos pasos y colección reactiva layout.leaving en Anime.js v4.
Guía de Animación de Cambio de Contenedor Padre en Layout (Anime.js v4)Especificación técnica oficial para animaciones automáticas de traslado de elementos entre contenedores padres (re-parenting), requisito de ancestro común, gestión de zIndex y adaptación entre contenedores heterogéneos en Anime.js v4.
Guía de Animación de Diálogo Modal en Layout (Anime.js v4)Especificación técnica oficial para transiciones fluidas de tarjeta a diálogo modal (<dialog>), integración de layout ids ('data-layout-id') con el parámetro 'children', interpolación de variables CSS personalizadas ('properties: ['--overlay-alpha']'), técnica de clonación y preservación de accesibilidad con focus() en Anime.js v4.
Guía de Ajustes de Layout (Layout Settings) en Anime.js v4Especificación técnica oficial de los ajustes de configuración de Layout en Anime.js v4: children, duration, delay, ease y properties, su distinción frente a parámetros de estado (enterFrom, leaveTo, swapAt) y callbacks (onBegin, onUpdate, onComplete).
Guía del Ajuste 'children' de Layout en Anime.js v4Especificación técnica oficial del ajuste 'children' de Layout en Anime.js v4: delimitación de elementos a animar, congelación de descendientes con conmutación al 50% de la transición, prevención del ruido visual por reflujo de texto (text reflow), control visual con swapAt y rastreo de elementos externos con data-layout-id.
Guía del Ajuste 'delay' de Layout en Anime.js v4Especificación técnica oficial del ajuste 'delay' de Layout en Anime.js v4: retardo global en milisegundos para animaciones FLIP, compatibilidad completa con stagger(), valores basados en funciones y sobreescrituras dinámicas en layout.update().
Guía del Ajuste 'duration' de Layout en Anime.js v4Especificación técnica oficial del ajuste 'duration' de Layout en Anime.js v4: duración global de transiciones FLIP (350ms por defecto), compatibilidad con stagger([min, max]), valores basados en funciones dinámicas y sobreescrituras en layout.update().
Guía del Ajuste 'ease' de Layout en Anime.js v4Especificación técnica oficial del ajuste 'ease' de Layout en Anime.js v4: curva de aceleración o resorte físico ('inOut(3.5)' por defecto), compatibilidad con cadenas built-in, resortes spring(), valores basados en funciones dinámicas y sobreescrituras en layout.update().
Guía del Ajuste 'properties' de Layout en Anime.js v4Especificación técnica oficial del ajuste 'properties' de Layout en Anime.js v4: extensión de propiedades CSS medidas y animadas automáticamente (8 propiedades por defecto, soporte de boxShadow, clipPath, filter y variables CSS personalizadas '--var').
Guía de Parámetros de Estado (States Parameters) de Layout en Anime.js v4Especificación técnica oficial de los parámetros de estado de Layout en Anime.js v4: enterFrom, leaveTo y swapAt, anulaciones de delay, duration y ease por fase, y acceso a los arrays layout.entering, layout.leaving y layout.swapping.
Guía del Parámetro de Estado 'enterFrom' de Layout en Anime.js v4Especificación técnica oficial del parámetro de estado 'enterFrom' en Anime.js v4: propiedades iniciales y timings aplicados a elementos que entran al layout (display: none, visibility: hidden o appendChild), restricción de atajos de transformación CSS x/y a favor de 'transform', y acceso a layout.entering.
Guía del Parámetro de Estado 'leaveTo' de Layout en Anime.js v4Especificación técnica oficial del parámetro de estado 'leaveTo' en Anime.js v4: propiedades finales y timings aplicados a elementos que salen del layout (display: none o visibility: hidden), restricción de atajos de transformación CSS x/y a favor de 'transform', eliminación en .then(), y acceso a layout.leaving.
Guía del Parámetro de Estado 'swapAt' de Layout en Anime.js v4Especificación técnica oficial del parámetro de estado 'swapAt' en Anime.js v4: propiedades intermedias aplicadas a hijos no animados al 50% de la transición FLIP, restricción de atajos de transformación CSS (scale, x/y) a favor de 'transform', y acceso a layout.swapping.
Guía de Métodos de Layout (Layout methods) en Anime.js v4Especificación técnica oficial de los métodos disponibles en la instancia AutoLayout retornada por createLayout(root, parameters?) en Anime.js v4: record(), animate(), update(), y revert(). Permite capturar estados geométricos FLIP, animar transiciones de diseño fluidas y limpiar el DOM al desmontar componentes.
Guía del Método 'record()' de Layout en Anime.js v4Especificación técnica oficial del método layout.record() en Anime.js v4: captura una instantánea geométrica ('First' en FLIP) antes de mutar el DOM para ser utilizada por layout.animate(). Retorna la instancia de AutoLayout.
Guía del Método 'animate()' de Layout en Anime.js v4Especificación técnica oficial del método layout.animate(parameters?) en Anime.js v4: compara la instantánea de record() con las mediciones actuales del DOM y retorna una Timeline que anima cada propiedad modificada.
Guía del Método 'update()' de Layout en Anime.js v4Especificación técnica oficial del método layout.update(callback, parameters?) en Anime.js v4: helper integral que automatiza record(), ejecuta la mutación del DOM y llama a animate() retornando una Timeline.
Guía del Método 'revert()' de Layout en Anime.js v4Especificación técnica oficial del método layout.revert() en Anime.js v4: completa todas las animaciones de diseño en curso, revierte el DOM a su estado visual real y elimina estilos inline temporales. Retorna AutoLayout.
Guía del Atributo 'data-layout-id' (Layout id attribute) en Anime.js v4Especificación técnica oficial del atributo 'data-layout-id' (dataset.layoutId) en Anime.js v4: vincula elementos en ramas distintas del DOM para animar transiciones de elementos compartidos automáticamente al alternar visibilidad.
Guía de Layout Callbacks en Anime.js v4Especificación técnica oficial de los callbacks de Layout en Anime.js v4: herencia de callbacks de Timeline (onBegin, onUpdate, onRender, onComplete, onLoop, onPause) y soporte de promesas con .then() en createLayout(), layout.update() y layout.animate().
Guía de Layout Properties en Anime.js v4Especificación técnica oficial de las 15 propiedades disponibles en la instancia de AutoLayout devuelta por createLayout(): params, root, children, enterFromParams, leaveToParams, swapAtParams, properties, oldState, newState, timeline, animating, swapping, entering, leaving e id.
Guía de Common Auto Layout Gotchas en Anime.js v4Especificación técnica oficial de los 6 gotchas y casos límite más comunes en AutoLayout de Anime.js v4 (fading inesperado de elementos no trackeados, salto de posición del elemento root, saltos de texto al cambiar fontSize, elementos inline en texto sin movimiento, shorthands de transform no soportados en enterFrom/leaveTo/swapAt, y exclusión estricta de elementos SVG).
Scope (Gestión de Contexto, Media Queries y Ciclo de Vida en Anime.js v4)Especificación técnica oficial del constructor createScope() de Anime.js v4: reactividad a media queries, selectores scoped al contenedor root, parámetros compartidos y reversión en lote con revert() para frameworks (React, Vue, Svelte, Solid).
Scope: Add constructor function en Anime.js v4Especificación técnica oficial de las funciones constructoras en Scope de Anime.js v4 pasadas a add() o addOnce(): argumento self, tracking de instancias (animations, timers, draggables, onScrolls), utilidades utils.$() scoped y función opcional de retorno para limpieza (cleanup).
Scope: Register method function en Anime.js v4Especificación técnica oficial del registro de métodos en Scope de Anime.js v4 mediante self.add(name, fn) o scope.add(name, fn): acceso al contexto del scope, consumo en scope.methods, preservación de tracking y reversión colectiva con revert().
Scope: Scope parameters en Anime.js v4Especificación técnica oficial de los parámetros de Scope en Anime.js v4 para createScope(parameters?): root (delimitador contextual DOM), defaults (parámetros de animación por defecto compartidos) y mediaQueries (consultas de medios para animación reactiva).
Scope parameter: root en Anime.js v4Especificación técnica oficial del parámetro root en createScope({ root }): delimitación de consultas DOM a descendientes de un HTMLElement o selector CSS, encapsulación para frameworks (React, Vue) y utilidades utils.$() acotadas.
Scope parameter: defaults en Anime.js v4Especificación técnica oficial del parámetro defaults en createScope({ defaults }): parámetros por defecto compartidos y heredados por todas las instancias de Timer, Animation y Timeline creadas dentro del Scope.
Scope parameter: mediaQueries en Anime.js v4Especificación técnica oficial del parámetro mediaQueries en createScope({ mediaQueries }): consultas de medios condicionales mediante window.matchMedia, reactividad ante cambios de estado, y acceso a booleanos evaluados en self.matches.
Scope methods en Anime.js v4Especificación técnica oficial de los métodos de Scope en Anime.js v4 para la instancia devuelta por createScope(): add() y addOnce() (registro de constructores y métodos públicos), keepTime() (preservación de progreso temporal en refrescos), revert() (limpieza y reversión total) y refresh() (recálculo forzado).
Scope method: add() en Anime.js v4Especificación técnica oficial del método add() en createScope(): sobrecargas duales para agregar funciones constructoras reactivas ('scope.add(constructor)') o registrar métodos públicos ('scope.add(name, method)'), retorno encadenable de la propia instancia de Scope y gestión de ciclo de vida.
Scope method: addOnce() en Anime.js v4Especificación técnica oficial del método addOnce() en createScope(): registro de funciones constructoras de ejecución única cuyas animaciones persisten ante cambios en mediaQueries y refresh(), llamada obligatoriamente incondicional y retorno encadenable de la instancia de Scope.
Scope method: keepTime() en Anime.js v4Especificación técnica oficial del método keepTime() en createScope(): registro de funciones constructoras que recrean un Timer, Animation o Timeline entre cambios de media queries transfiriendo el currentTime exacto y estado de reproducción, llamada obligatoriamente incondicional y retorno de la animación recreada.
Scope method: revert() en Anime.js v4Especificación técnica oficial del método revert() en createScope(): reversión y destrucción integral de todas las animaciones, timers y timelines del Scope, restauración de estilos CSS inline en el DOM, desconexión de mediaQueries y ejecución de funciones de limpieza.
Scope method: refresh() en Anime.js v4Especificación técnica oficial del método refresh() en createScope(): reversión previa y reconstrucción reactiva del Scope mediante la reejecución de constructores registrados vía scope.add(), disparada internamente por cambios en mediaQueries y soportando preservación temporal con keepTime().
Scope properties en Anime.js v4Especificación técnica oficial de las 9 propiedades de la instancia de Scope retornada por createScope(): data (almacén de estado efímero), defaults, root, constructors, revertConstructors, revertibles, methods, matches y mediaQueryLists.
Events Overview & Event Listeners en Anime.js v4Especificación técnica oficial del módulo y objeto Events en Anime.js v4: colección de métodos utilitarios de escucha de eventos para disparar y controlar animaciones (onScroll), 3 formas oficiales de importación (namespace events, importación directa o subruta 'animejs/events') e integración con autoplay.
Guía de la Función 'onScroll()' y ScrollObserver en Anime.js v4Especificación técnica oficial de onScroll(parameters?) en Anime.js v4: disparador y sincronizador de Timer, Animation y Timeline instances en el parámetro autoplay, settings, thresholds, sync modes y callbacks.
Guía de 'ScrollObserver settings' en Anime.js v4Especificación técnica oficial de ScrollObserver settings en Anime.js v4: propiedades de configuración (container, target, debug, axis, repeat) definidas directamente en el objeto de parámetros de onScroll().
Guía del Parámetro 'container' (ScrollObserver) en Anime.js v4Especificación técnica oficial del parámetro 'container' en ScrollObserver de Anime.js v4: HTMLElement o selector CSS al que se aplica el evento de desplazamiento (default: null / window).
Guía del Parámetro 'target' (ScrollObserver) en Anime.js v4Especificación técnica oficial del parámetro 'target' en ScrollObserver de Anime.js v4: HTMLElement o selector CSS que dispara el evento de desplazamiento (default: primer target animado o null si se define fuera de una animación).
Guía del Parámetro 'debug' (ScrollObserver) en Anime.js v4Especificación técnica oficial del parámetro 'debug' en ScrollObserver de Anime.js v4: marcadores visuales y reglas en pantalla para calibrar los umbrales 'enter' y 'leave' (default: false).
Guía del Parámetro 'axis' (ScrollObserver) en Anime.js v4Especificación técnica oficial del parámetro 'axis' en ScrollObserver de Anime.js v4: dirección del scroll del contenedor ('x' | 'y', default: 'y').
Guía del Parámetro 'repeat' (ScrollObserver) en Anime.js v4Especificación técnica oficial del parámetro 'repeat' en ScrollObserver de Anime.js v4: repetición de la sincronización de scroll tras completarse el objeto vinculado (default: true; si es false se revierte la instancia).
Guía de Umbrales de Desplazamiento (ScrollObserver thresholds) en Anime.js v4Especificación técnica oficial de ScrollObserver thresholds: puntos de entrada ('enter') y salida ('leave') de la animación sincronizada con scroll, sintaxis de objeto, valor único y abreviada (defaults: enter: 'end start', leave: 'start end').
Guía de Valores Numéricos de Umbrales (ScrollObserver thresholds: Numeric values) en Anime.js v4Especificación técnica oficial de Numeric values en ScrollObserver thresholds de Anime.js v4: offsets de contenedor y target mediante números (Number: 100 -> 100px), unidades (Unit: '1rem') o porcentajes (Percentage: '10%'), interpretando píxeles (px) por defecto cuando no se define unidad.
Guía de Nombres de Posiciones de Umbrales (ScrollObserver thresholds: Positions shorthands) en Anime.js v4Especificación técnica oficial de Positions shorthands en ScrollObserver thresholds de Anime.js v4: definición de posiciones mediante palabras clave ('top', 'bottom', 'left', 'right', 'center', 'start', 'end') con resolución adaptativa según el eje vertical u horizontal.
Guía de Valores de Posición Relativa de Umbrales (ScrollObserver thresholds: Relative position values) en Anime.js v4Especificación técnica oficial de Relative position values en ScrollObserver thresholds de Anime.js v4: definición de posiciones relativas con prefijos '+=' (sumar), '-=' (restar) y '*=' (multiplicar) combinados con posiciones shorthands ('center+=1em', 'top-=100%'), unidades CSS, porcentajes y formato de objeto.
Guía de Umbrales Límite 'min' y 'max' (ScrollObserver thresholds: Min max) en Anime.js v4Especificación técnica oficial de los límites 'min' y 'max' en ScrollObserver thresholds de Anime.js v4: definición de umbrales en el espacio desplazable mínimo o máximo disponible, garantizando el disparo en elementos ubicados en los extremos físicos del contenedor de scroll.
Guía de Modos de Sincronización de ScrollObserver (ScrollObserver synchronisation modes) en Anime.js v4Especificación técnica oficial de los modos de sincronización (sync) en ScrollObserver de Anime.js v4: Method names ('play pause', 'resume pause reverse reset'), Playback progress (true | 1), Smooth scroll (factor de inercia entre 0 y 1) y Eased scroll (curvas de aceleración como 'inOutCirc').
Guía de Nombres de Métodos en Sincronización de ScrollObserver (ScrollObserver synchronisation modes: Method names) en Anime.js v4Especificación técnica oficial de nombres de métodos en sync para ScrollObserver de Anime.js v4: vinculación automática de métodos ('play', 'pause', 'restart', 'reverse', 'resume', 'reset', 'revert') según umbrales (1 método: 'enter', 2 métodos: 'enter leave', 4 métodos: 'enterForward leaveForward enterBackward leaveBackward').
Guía de Progreso de Reproducción en Sincronización de ScrollObserver (ScrollObserver synchronisation modes: Playback progress) en Anime.js v4Especificación técnica oficial de sincronización de progreso de reproducción (Playback progress) en Anime.js v4: acoplamiento 1:1 directo entre el avance temporal de la animación y la posición del scroll mediante sync: true o sync: 1, con recomendación de ease: 'linear'.
Guía de Desplazamiento Suave en Sincronización de ScrollObserver (ScrollObserver synchronisation modes: Smooth scroll) en Anime.js v4Especificación técnica oficial de desplazamiento suave (Smooth scroll) en ScrollObserver de Anime.js v4: sincronización con inercia entre la animación y el scroll mediante valores numéricos entre 0 y 1 (sync: 0.25 por defecto recomendado), donde valores cercanos a 0 añaden mayor retardo/inercia y 1 produce seguimiento instantáneo.
Guía de Curvas de Aceleración en Sincronización de ScrollObserver (ScrollObserver synchronisation modes: Eased scroll) en Anime.js v4Especificación técnica oficial de curvas de aceleración (Eased scroll) en ScrollObserver de Anime.js v4: modulación del progreso temporal de reproducción mediante curvas de aceleración (ej. 'inOutCirc', 'outQuad', 'cubicBezier(0.4, 0, 0.2, 1)', funciones de easing), recomendando 'ease: linear' en la animación vinculada.
Guía de Callbacks de ScrollObserver (ScrollObserver callbacks) en Anime.js v4Especificación técnica oficial de callbacks de ciclo de vida de ScrollObserver en Anime.js v4: disparo de funciones en puntos clave del scroll (onEnter, onEnterForward, onEnterBackward, onLeave, onLeaveForward, onLeaveBackward, onUpdate, onSyncComplete, onResize) recibiendo la instancia 'self' con telemetría en tiempo real (self.progress, self.scroll, self.velocity, self.backward, target, container, linked).
Guía de Callback onEnter en ScrollObserver (ScrollObserver callback: onEnter) en Anime.js v4Especificación técnica oficial del callback onEnter en ScrollObserver de Anime.js v4: disparo de funciones cada vez que se alcanza o cruza el umbral de entrada (enter threshold) en ambas direcciones, con acceso a la instancia 'self' (telemetría en tiempo real) y valor por defecto 'noop'.
Guía de Callback onEnterForward en ScrollObserver (ScrollObserver callback: onEnterForward) en Anime.js v4Especificación técnica oficial del callback onEnterForward en ScrollObserver de Anime.js v4: disparo de funciones cada vez que se alcanza o cruza el umbral de entrada (enter threshold) desplazándose en sentido hacia adelante (scroll forward), con acceso a la instancia 'self' (self.backward === false) y valor por defecto 'noop'.
Guía de Callback onEnterBackward en ScrollObserver (ScrollObserver callback: onEnterBackward) en Anime.js v4Especificación técnica oficial del callback onEnterBackward en ScrollObserver de Anime.js v4: disparo de funciones cada vez que se alcanza o cruza el umbral de entrada (enter threshold) desplazándose en sentido hacia atrás (scroll backward), con acceso a la instancia 'self' (self.backward === true) y valor por defecto 'noop'.
Guía de Callback onLeave en ScrollObserver (ScrollObserver callback: onLeave) en Anime.js v4Especificación técnica oficial del callback onLeave en ScrollObserver de Anime.js v4: disparo de funciones cada vez que se alcanza o cruza el umbral de salida (leave threshold) en cualquier dirección de desplazamiento (bidireccional), con acceso a la instancia 'self' y valor por defecto 'noop'.
Guía de Callback onLeaveForward en ScrollObserver (ScrollObserver callback: onLeaveForward) en Anime.js v4Especificación técnica oficial del callback onLeaveForward en ScrollObserver de Anime.js v4: disparo de funciones cada vez que se alcanza o cruza el umbral de salida (leave threshold) desplazándose en sentido hacia adelante (scroll forward), con acceso a la instancia 'self' (self.backward === false) y valor por defecto 'noop'.
Guía de Callback onLeaveBackward en ScrollObserver (ScrollObserver callback: onLeaveBackward) en Anime.js v4Especificación técnica oficial del callback onLeaveBackward en ScrollObserver de Anime.js v4: disparo de funciones cada vez que se alcanza o cruza el umbral de salida (leave threshold) desplazándose en sentido hacia atrás (scroll backward), con acceso a la instancia 'self' (self.backward === true) y valor por defecto 'noop'.
Guía de Callback onUpdate en ScrollObserver (ScrollObserver callback: onUpdate) en Anime.js v4Especificación técnica oficial del callback onUpdate en ScrollObserver de Anime.js v4: disparo de funciones cada vez que el progreso del objeto vinculado (Animation, Timeline o Timer) se actualiza durante la sincronización del desplazamiento de scroll, con telemetría en tiempo real (self.progress, self.velocity, self.scroll, self.backward) y valor por defecto 'noop'.
Guía de Callback onSyncComplete en ScrollObserver (ScrollObserver callback: onSyncComplete) en Anime.js v4Especificación técnica oficial del callback onSyncComplete en ScrollObserver de Anime.js v4: disparo de funciones cuando la sincronización del objeto vinculado (Animation, Timeline o Timer) se completa (cuando el progreso alcanza 0 o 1 y la amortiguación de sync finaliza), con acceso a la instancia 'self' y valor por defecto 'noop'.
Guía de Callback onResize en ScrollObserver (ScrollObserver callback: onResize) en Anime.js v4Especificación técnica oficial del callback onResize en ScrollObserver de Anime.js v4: disparo de funciones cada vez que el contenedor de desplazamiento (container o window) cambia de dimensiones (ancho o alto), con recálculo geométrico automático de los umbrales 'enter' y 'leave', telemetría en tiempo real y valor por defecto 'noop'.
Guía de Métodos de ScrollObserver (ScrollObserver methods: link, refresh, revert) en Anime.js v4Especificación técnica oficial de los métodos disponibles en la instancia ScrollObserver devuelta por onScroll() en Anime.js v4: link(object) para asociar Animation/Timeline/Timer, refresh() para actualizar cotas y funciones dinámicas, y revert() para desactivar observadores y limpiar event listeners del DOM.
Guía del Método link() en ScrollObserver (ScrollObserver method: link) en Anime.js v4Especificación técnica oficial del método link() en ScrollObserver de Anime.js v4: conecta una instancia de Animation, Timer o Timeline al observador de scroll (equivalente a autoplay: onScroll). Solo un objeto vinculado a la vez, reemplazo atómico y retorno encadenable de this.
Guía del Método refresh() en ScrollObserver (ScrollObserver method: refresh) en Anime.js v4Especificación técnica oficial del método refresh() en ScrollObserver de Anime.js v4: actualiza cotas geométricas y recalcula parámetros dinámicos basados en funciones (repeat, axis, enter, leave). Redimensionamiento de contenedor gestionado internamente sin necesidad de refresh manual. Retorna this para encadenamiento.
Guía del Método revert() en ScrollObserver (ScrollObserver method: revert) en Anime.js v4Especificación técnica oficial del método revert() en ScrollObserver de Anime.js v4: desactiva la observación del scroll, remueve todos los event listeners adjuntos del DOM y elimina los elementos HTML de depuración (debug). Retorna this para encadenamiento y es idóneo para limpiezas automáticas en onSyncComplete y hooks de ciclo de vida en React/Vue/Svelte.
Guía de Propiedades de Instancia en ScrollObserver (ScrollObserver properties) en Anime.js v4Especificación técnica oficial de las 20 propiedades expuestas en la instancia de ScrollObserver devuelta por onScroll() en Anime.js v4: id, container, target, linked, repeat, horizontal, enter, leave (único getter/setter), sync, velocity, backward, scroll, progress, completed, began, isInView, offset, offsetStart, offsetEnd y distance.
Guía del Módulo SVG (SVG utilities module) en Anime.js v4Especificación técnica oficial del módulo SVG de Anime.js v4: morphTo(), createMotionPath() y createDrawable(), formas de importación (namespace, named, subruta animejs/svg) y ejemplos de uso.
Guía de svg.morphTo() (SVG Morphing) en Anime.js v4Especificación técnica oficial de svg.morphTo() en Anime.js v4: morphing fluido de la propiedad 'd' (SVGPathElement) o 'points' (SVGPolygonElement, SVGPolylineElement), parámetro de precisión (precision, default .33, 0 para desactivar extrapolación) y retorno de array de valores.
Guía de svg.createDrawable() (SVG Line Drawing) en Anime.js v4Especificación técnica oficial de svg.createDrawable() en Anime.js v4: envoltorio Proxy de elementos SVG que habilita la propiedad 'draw' (formato 'start end', ej. '0 1', '0 .5', '.25 .75', '1 1'), sustituyendo al método obsoleto 'anime.setDashoffset' de v3.
Guía de svg.createMotionPath() (SVG Motion Path) en Anime.js v4Especificación técnica oficial de svg.createMotionPath() en Anime.js v4: generación de parámetros Tween (translateX, translateY, rotate) para animar elementos a lo largo de coordenadas de un SVGPathElement, parámetro de offset inicial y sustitución de 'anime.path()' de v3.
Guía del Módulo Text (Text animation utilities) en Anime.js v4Especificación técnica oficial del módulo Text en Anime.js v4: utilidades tipográficas para segmentación de texto (splitText en líneas, palabras y caracteres) y efectos de cifrado con caracteres aleatorios (scrambleText), importables vía namespace 'text', importaciones directas o subruta 'animejs/text'.
Guía de splitText() (Text Animation Utility) en Anime.js v4Especificación técnica oficial de splitText() en Anime.js v4: función utilitaria ligera, responsiva y accesible para segmentar, clonar y envolver líneas, palabras y caracteres en un elemento HTML, retornando una instancia de TextSplitter con colecciones { lines, words, chars } y métodos revert() / refresh().
Guía de TextSplitter settings (splitText) en Anime.js v4Especificación técnica oficial de TextSplitter settings en Anime.js v4: configuración de opciones para splitText (lines, words, chars, debug, includeSpaces, accessible), ciclo de vida con addEffect, soporte asíncrono para fuentes web y segmentación multilingüe con Intl.Segmenter.
Guía de la opción 'lines' (TextSplitter settings) en Anime.js v4Especificación técnica oficial de la opción 'lines' en TextSplitter settings de Anime.js v4: define si y cómo se segmenta el texto en renglones visuales, envoltorios span display block, duplicación de elementos anidados, sincronización con document.fonts.ready.then y animación persistente con addEffect().
Guía de la opción 'words' (TextSplitter settings) en Anime.js v4Especificación técnica oficial de la opción 'words' en TextSplitter settings de Anime.js v4: define si y cómo se segmenta el texto en palabras, envoltorios span inline-block (data-line y data-word), segmentación multilingüe con Intl.Segmenter, animación con addEffect() y reversión con revert().
Guía de la opción 'chars' (TextSplitter settings) en Anime.js v4Especificación técnica oficial de la opción 'chars' en TextSplitter settings de Anime.js v4: define si y cómo se segmenta el texto en caracteres/letras, envoltorios span inline-block (data-line, data-word, data-char), optimización con words: false, animación con addEffect() y reversión con revert().
Guía de la opción 'debug' (TextSplitter settings) en Anime.js v4Especificación técnica oficial de la opción 'debug' en TextSplitter settings de Anime.js v4: activa estilos CSS visuales para depurar la partición tipográfica (líneas en verde, palabras en rojo, caracteres en azul) y ciclo de vida con revert().
Guía de la opción 'includeSpaces' (TextSplitter settings) en Anime.js v4Especificación técnica oficial de la opción 'includeSpaces' en TextSplitter settings de Anime.js v4: define si los espacios en blanco se incluyen dentro de los elementos segmentados o se mantienen como nodos de texto estándar, y ciclo de vida con revert().
Guía de la opción 'accessible' (TextSplitter settings) en Anime.js v4Especificación técnica oficial de la opción 'accessible' en TextSplitter settings de Anime.js v4: crea de forma predeterminada (default: true) un clon accesible oculto que preserva la estructura y el texto para lectores de pantalla y WCAG.
Guía de 'Split parameters' (Parámetros de splitText) en Anime.js v4Especificación técnica oficial de Split parameters en Anime.js v4: configuración de opciones (wrap, class, clone) en las propiedades lines, words y chars para control de máscaras de recorte, clases CSS y clonación.
Guía del parámetro 'class' (Split parameters) en Anime.js v4Especificación técnica oficial del parámetro 'class' en Split parameters de Anime.js v4: especifica una clase CSS personalizada aplicada a todos los elementos resultantes de la división (lines, words, chars) para estilizado y animación.
Guía del parámetro 'wrap' (Split parameters) en Anime.js v4Especificación técnica oficial del parámetro 'wrap' en Split parameters de Anime.js v4: agrega un elemento contenedor exterior con la propiedad CSS overflow ('clip', 'hidden', 'visible', 'scroll', 'auto' o true/false) para máscaras de recorte tipográficas.
Guía del parámetro 'clone' (Split parameters) en Anime.js v4Especificación técnica oficial del parámetro 'clone' en Split parameters de Anime.js v4: duplica y posiciona los elementos divididos (lines, words, chars) en una dirección ('left', 'top', 'right', 'bottom', 'center' o boolean) para textos rotativos y multicapa.
Guía de HTML template en splitText de Anime.js v4Especificación técnica oficial de HTML template en splitText de Anime.js v4: plantillas HTML personalizadas como envoltorios de lines, words y chars con variables {value} y {i}.
Guía de TextSplitter methods en Anime.js v4Especificación técnica oficial de los métodos de TextSplitter en Anime.js v4: split.addEffect(callback), split.revert() y split.refresh(), junto a las 8 propiedades mutables antes de refrescar.
Guía de addEffect() en TextSplitter de Anime.js v4Especificación técnica oficial del método split.addEffect(callback) en TextSplitter de Anime.js v4: animaciones sincronizadas con fuentes (document.fonts.ready), persistencia en resize y reversión unificada con split.revert().
Guía de revert() en TextSplitter de Anime.js v4Especificación técnica oficial del método split.revert() en TextSplitter de Anime.js v4: restaura el HTML original, remueve estilos de depuración y revierte animaciones de addEffect().
Guía de refresh() en TextSplitter de Anime.js v4Especificación técnica oficial del método split.refresh() en TextSplitter de Anime.js v4: re-segmentación manual del texto y actualización tras modificar propiedades como $target, html o templates.
Guía de TextSplitter properties en Anime.js v4Especificación técnica oficial de las 11 propiedades en TextSplitter de Anime.js v4: getters de solo lectura (lines, words, chars) y propiedades mutables ($target, html, debug, includeSpaces, accessible, lineTemplate, wordTemplate, charTemplate).
Guía de scrambleText en Anime.js v4Especificación técnica oficial de scrambleText en Anime.js v4: animación de mezcla y revelación carácter por carácter mediante function-based tween value aplicado a innerHTML.
Guía de scrambleText parameters en Anime.js v4Especificación técnica oficial de scrambleText parameters en Anime.js v4: objeto de 15 parámetros oficiales (text, chars, override, ease, cursor, revealRate, revealDelay, settleRate, settleDuration, delay, duration, perturbation, from, reversed, seed).
Guía de scrambleText parameter 'text' en Anime.js v4Especificación técnica oficial del parámetro 'text' en scrambleText de Anime.js v4: define el texto objetivo hacia el cual transiciona la mezcla (String | Function(target, index, targets) => String; default: contenido textual original).
Guía de scrambleText parameter 'chars' en Anime.js v4Especificación técnica oficial del parámetro 'chars' en scrambleText de Anime.js v4: define los caracteres y glifos utilizados durante la mezcla tipográfica (String o Function(target, index, targets) => String; soporta literales, rangos Unicode y 7 presets nombrados; default: 'a-zA-Z0-9!%#_').
Guía de scrambleText parameter 'override' en Anime.js v4Especificación técnica oficial del parámetro 'override' en scrambleText de Anime.js v4: controla la apariencia inicial del texto antes de que comience la animación de mezcla (Boolean | String | Function; default: true).
Guía de scrambleText parameter 'ease' en Anime.js v4Especificación técnica oficial del parámetro 'ease' en scrambleText de Anime.js v4: determina la función de aceleración que gobierna la velocidad de avance y propagación de la onda de mezcla/revelación a través de los caracteres (String | Function; default: 'linear').
Guía de scrambleText parameter 'cursor' en Anime.js v4Especificación técnica oficial del parámetro 'cursor' en scrambleText de Anime.js v4: define los caracteres mostrados en el borde delantero de la onda de revelación (Boolean | Number | String | Function; default: '').
Guía de scrambleText parameter 'revealRate' en Anime.js v4Especificación técnica oficial del parámetro 'revealRate' en scrambleText de Anime.js v4: determina cuántos caracteres se revelan por segundo a lo largo del texto (Number | Function; default: 60).
Guía de scrambleText parameter 'revealDelay' en Anime.js v4Especificación técnica oficial del parámetro 'revealDelay' en scrambleText de Anime.js v4: tiempo de retraso en milisegundos antes de que comience el avance de la onda de revelado de caracteres (Number | Function; default: 0).
Guía de scrambleText parameter 'settleRate' en Anime.js v4Especificación técnica oficial del parámetro 'settleRate' en scrambleText de Anime.js v4: frecuencia en ciclos por segundo con que cada carácter muta entre glifos aleatorios durante la fase de mezcla (Number | Function; default: 30).
Guía de scrambleText parameter 'settleDuration' en Anime.js v4Especificación técnica oficial del parámetro 'settleDuration' en scrambleText de Anime.js v4: tiempo en milisegundos que cada carácter individual pasa fluctuando antes de consolidarse en su forma final (Number | Function; default: 300).
Guía de scrambleText parameter 'delay' en Anime.js v4Especificación técnica oficial del parámetro 'delay' en scrambleText de Anime.js v4: tiempo de espera en milisegundos antes de que comience cualquier animación de mezcla de texto (Number | Function; default: 0).
Guía de scrambleText parameter 'duration' en Anime.js v4Especificación técnica oficial del parámetro 'duration' en scrambleText de Anime.js v4: sobrescribe la duración calculada automáticamente (Number | Function; default: Auto-computed).
Guía de scrambleText parameter 'perturbation' en Anime.js v4Especificación técnica oficial del parámetro 'perturbation' en scrambleText de Anime.js v4: introduce desfases aleatorios en la revelación de cada carácter para un efecto orgánico (Number entre 0 y 1; default: 0).
Guía de scrambleText parameter 'from' en Anime.js v4Especificación técnica oficial del parámetro 'from' en scrambleText de Anime.js v4: define el punto de origen u orientación de la onda de revelado ('auto' | 'left' | 'center' | 'right' | 'random' | Number | Function; default: 'auto').
Guía de scrambleText parameter 'reversed' en Anime.js v4Especificación técnica oficial del parámetro 'reversed' en scrambleText de Anime.js v4: invierte el orden y dirección de propagación de la onda de revelado (Boolean | Function; default: false).
Guía de scrambleText parameter 'seed' en Anime.js v4Especificación técnica oficial del parámetro 'seed' en scrambleText de Anime.js v4: semilla del generador de números pseudoaleatorios (PRNG) para producir secuencias de caracteres reproducibles y deterministas (Number | Function; default: 0 unseeded).
Guía de scrambleText callbacks en Anime.js v4Especificación técnica oficial de scrambleText callbacks en Anime.js v4: ejecución de funciones durante la animación de mezcla tipográfica mediante el parámetro 'onChange'.
Guía de scrambleText callback 'onChange' en Anime.js v4Especificación técnica oficial del callback 'onChange' en scrambleText de Anime.js v4: ejecuta una función cada vez que los caracteres mezclados son actualizados, recibiendo el texto actual y el progreso de la animación (0-1).
Guía del Módulo Utilities en Anime.js v4Especificación técnica oficial del módulo Utilities en Anime.js v4: colección de 24 funciones utilitarias para tareas comunes de animación y funciones modificadoras (modifier functions), accesibles vía namespace 'utils', importaciones directas o submódulo 'animejs/utils'.
Guía del Namespace utils en Anime.js v4Alias canónico para la especificación del módulo Utilities en Anime.js v4.
Guía de la Función stagger() (Utilities) en Anime.js v4Especificación técnica oficial de stagger() en Anime.js v4: crea efectos secuenciales distribuyendo valores progresivamente entre múltiples objetivos. Retorna una función evaluada dinámicamente según (target, index, total).
Guía de stagger() en Anime.js v4Alias canónico para la especificación oficial de la función utilitaria stagger() en Anime.js v4.
Guía de Time staggering (Escalonamiento Temporal) en Anime.js v4Especificación técnica oficial de Time staggering en Anime.js v4: escalonamiento temporal con stagger() aplicado a delay, duration y loopDelay.
Guía de stagger/time-staggering en Anime.js v4Alias canónico para la especificación técnica oficial de Time staggering en Anime.js v4.
Guía de Values staggering (Escalonamiento de Valores) en Anime.js v4Especificación técnica oficial de Values staggering en Anime.js v4: escalonamiento de propiedades animables (x, y, rotate, scale, opacity) con números, unidades CSS y tuplas [start, end].
Guía de stagger/values-staggering en Anime.js v4Alias canónico para la especificación técnica oficial de Values staggering en Anime.js v4.
Guía de Timeline positions staggering (Escalonamiento de Posiciones en Timeline) en Anime.js v4Especificación técnica oficial de Timeline positions staggering en Anime.js v4: uso de stagger() en el argumento position de timeline.add(), animaciones y callbacks independientes por target, y propiedad start.
Guía de stagger/timeline-positions-staggering en Anime.js v4Alias canónico para la especificación técnica oficial de Timeline positions staggering en Anime.js v4.
Guía de Stagger value types (Tipos de Valores de Escalonamiento) en Anime.js v4Especificación técnica oficial de Stagger value types en Anime.js v4: primer argumento de stagger() como Numerical value (incremento) o Range value (interpolación [start, end]).
Guía de stagger/stagger-value-types en Anime.js v4Alias canónico para la especificación técnica oficial de Stagger value types en Anime.js v4.
Guía de Numerical value (Valor Numérico en stagger) en Anime.js v4Especificación técnica oficial de Numerical value en stagger() de Anime.js v4: incremento por target multiplicado por índice (value * index + start), soporte de números y cadenas con unidades CSS.
Guía de stagger/stagger-value-types/numerical-value en Anime.js v4Alias canónico para la especificación técnica oficial de Numerical value en stagger() de Anime.js v4.
Guía de Range value (Valor de Rango en stagger) en Anime.js v4Especificación técnica oficial de Range value en stagger() de Anime.js v4: distribución uniforme y continua de valores entre dos extremos numéricos o con unidades CSS [start, end] a lo largo de toda la colección.
Guía de stagger/stagger-value-types/range-value en Anime.js v4Alias canónico para la especificación técnica oficial de Range value en stagger() de Anime.js v4.
Guía de Stagger parameters (Parámetros de Escalonamiento) en Anime.js v4Especificación técnica oficial de Stagger parameters en Anime.js v4: segundo argumento de stagger() como objeto con opciones avanzadas (start, from, reversed, ease, grid, axis, modifier, use, total, jitter).
Guía de stagger/stagger-parameters en Anime.js v4Alias canónico para la especificación técnica oficial de Stagger parameters en Anime.js v4.
Guía corta de stagger-parameters en Anime.js v4Alias URI plano para la especificación técnica oficial de Stagger parameters en Anime.js v4.
Guía de Stagger parameter 'start' en Anime.js v4Especificación técnica oficial del parámetro 'start' de stagger() en Anime.js v4: define el valor o desfase inicial sobre el cual se calcula la progresión escalonada ((value * index) + start).
Guía de stagger/stagger-parameters/stagger-start en Anime.js v4Alias canónico para la especificación técnica oficial de Stagger parameter 'start' en Anime.js v4.
Guía corta de stagger-start en Anime.js v4Alias URI plano para la especificación técnica oficial de Stagger parameter 'start' en Anime.js v4.
Guía de Stagger parameter 'from' en Anime.js v4Especificación técnica oficial del parámetro 'from' de stagger() en Anime.js v4: define la posición o punto focal de inicio del escalonamiento (índices numéricos, 'first', 'center', 'last', 'random', coordenadas [x, y] o [x, y, z]).
Guía de stagger/stagger-parameters/stagger-from en Anime.js v4Alias canónico para la especificación técnica oficial de Stagger parameter 'from' en Anime.js v4.
Guía corta de stagger-from en Anime.js v4Alias URI plano para la especificación técnica oficial de Stagger parameter 'from' en Anime.js v4.
Guía de Stagger parameter 'reversed' en Anime.js v4Especificación técnica oficial del parámetro 'reversed' de stagger() en Anime.js v4: define si el efecto escalonado opera en sentido inverso (booleano true | false).
Guía de stagger/stagger-parameters/stagger-reversed en Anime.js v4Alias canónico para la especificación técnica oficial de Stagger parameter 'reversed' en Anime.js v4.
Guía corta de stagger-reversed en Anime.js v4Alias URI plano para la especificación técnica oficial de Stagger parameter 'reversed' en Anime.js v4.
Guía de Stagger parameter 'ease' en Anime.js v4Especificación técnica oficial del parámetro 'ease' de stagger() en Anime.js v4: define la curva de aceleración aplicada a la distribución de valores escalonados.
Guía de stagger/stagger-parameters/stagger-ease en Anime.js v4Alias canónico para la especificación técnica oficial de Stagger parameter 'ease' en Anime.js v4.
Guía corta de stagger-ease en Anime.js v4Alias URI plano para la especificación técnica oficial de Stagger parameter 'ease' en Anime.js v4.
Guía de Stagger parameter 'grid' en Anime.js v4Especificación técnica oficial del parámetro 'grid' de stagger() en Anime.js v4: distribuye valores en cuadrículas 2D [columnas, filas], 3D [columnas, filas, profundidad] o modo auto-grid (true).
Guía de stagger/stagger-parameters/stagger-grid en Anime.js v4Alias canónico para la especificación técnica oficial de Stagger parameter 'grid' en Anime.js v4.
Guía corta de stagger-grid en Anime.js v4Alias URI plano para la especificación técnica oficial de Stagger parameter 'grid' en Anime.js v4.
Guía de Stagger parameter 'axis' en Anime.js v4Especificación técnica oficial del parámetro 'axis' de stagger() en Anime.js v4: restringe la dirección de propagación en la cuadrícula al eje 'x' (columnas), 'y' (filas) o 'z' (profundidad 3D).
Guía de stagger/stagger-parameters/stagger-grid-axis en Anime.js v4Alias canónico para la especificación técnica oficial de Stagger parameter 'axis' en Anime.js v4.
Guía corta de stagger-grid-axis en Anime.js v4Alias URI plano para la especificación técnica oficial de Stagger parameter 'axis' en Anime.js v4.
Guía de Stagger parameter 'modifier' en Anime.js v4Especificación técnica oficial del parámetro 'modifier' de stagger() en Anime.js v4: función para interceptar y transformar el valor escalonado calculado (retorna Number o String).
Guía de stagger/stagger-parameters/stagger-modifier en Anime.js v4Alias canónico para la especificación técnica oficial de Stagger parameter 'modifier' en Anime.js v4.
Guía corta de stagger-modifier en Anime.js v4Alias URI plano para la especificación técnica oficial de Stagger parameter 'modifier' en Anime.js v4.
Guía de Stagger parameter 'use' en Anime.js v4Especificación técnica oficial del parámetro 'use' de stagger() en Anime.js v4: define un orden personalizado de escalonamiento usando un atributo o propiedad de los objetivos (debe contener números desde 0).
Guía de stagger/stagger-parameters/stagger-use en Anime.js v4Alias canónico para la especificación técnica oficial de Stagger parameter 'use' en Anime.js v4.
Guía corta de stagger-use en Anime.js v4Alias URI plano para la especificación técnica oficial de Stagger parameter 'use' en Anime.js v4.
Guía de Stagger parameter 'total' en Anime.js v4Especificación técnica oficial del parámetro 'total' de stagger() en Anime.js v4: define una longitud de escalonamiento personalizada en lugar del total real de targets. Indispensable al usar 'use' con 'from', 'reversed' o 'ease'.
Guía de stagger/stagger-parameters/stagger-total en Anime.js v4Alias canónico para la especificación técnica oficial de Stagger parameter 'total' en Anime.js v4.
Guía corta de stagger-total en Anime.js v4Alias URI plano para la especificación técnica oficial de Stagger parameter 'total' en Anime.js v4.
Guía de Stagger parameter 'jitter' en Anime.js v4Especificación técnica oficial del parámetro 'jitter' (y 'seed') de stagger() en Anime.js v4: añade un desfase o fluctuación aleatoria a cada valor escalonado calculado (Number o [Number, Number]).
Guía de stagger/stagger-parameters/stagger-jitter en Anime.js v4Alias canónico para la especificación técnica oficial de Stagger parameter 'jitter' en Anime.js v4.
Guía corta de stagger-jitter en Anime.js v4Alias URI plano para la especificación técnica oficial de Stagger parameter 'jitter' en Anime.js v4.
Guía de utils.$() / $() en Anime.js v4Especificación técnica oficial de utils.$() / $() en Anime.js v4: convierte el parámetro targets en un Array nativo de elementos (HTMLElement, SVGElement o SVGGeometryElement) y resuelve consultas con respecto a scope.root si está dentro de un createScope().
Guía de utilities/$ en Anime.js v4Alias canónico para la especificación técnica oficial de utils.$() / $() en Anime.js v4.
Guía corta de dollar-sign en Anime.js v4Alias URI plano para la especificación técnica oficial de utils.$() / $() en Anime.js v4.
Guía de utils.get() / get() en Anime.js v4Especificación técnica oficial de utils.get() / get() en Anime.js v4: devuelve el valor actual de una propiedad del target, con conversión o eliminación opcional de unidades.
Guía corta de get en Anime.js v4Alias URI plano para la especificación técnica oficial de utils.get() / get() en Anime.js v4.
Guía de utils.set() / set() en Anime.js v4Especificación técnica oficial de utils.set() / set() en Anime.js v4: asigna inmediatamente valores de propiedades a targets y devuelve una instancia de Animation reversible.
Guía corta de set en Anime.js v4Alias URI plano para la especificación técnica oficial de utils.set() / set() en Anime.js v4.
Guía de utils.cleanInlineStyles() / cleanInlineStyles() en Anime.js v4Especificación técnica oficial de utils.cleanInlineStyles() / cleanInlineStyles() en Anime.js v4: remueve los estilos CSS inline agregados por la instancia especificada de Animation o Timeline.
Guía corta de cleanInlineStyles en Anime.js v4Alias URI plano para la especificación técnica oficial de utils.cleanInlineStyles() / cleanInlineStyles() en Anime.js v4.
Guía de utils.remove() / remove() en Anime.js v4Especificación técnica oficial de utils.remove() / remove() en Anime.js v4: remueve uno o varios targets de todas las animaciones activas, de una instancia específica o de una propiedad específica, cancelando cualquier Animation o Timeline si es necesario.
Guía corta de remove en Anime.js v4Alias URI plano para la especificación técnica oficial de utils.remove() / remove() en Anime.js v4.
Guía de utils.sync() / sync() en Anime.js v4Especificación técnica oficial de utils.sync() / sync() en Anime.js v4: ejecuta una función de callback sincronizada con el bucle del motor (engine loop ticker), ideal para listeners de eventos de alta frecuencia (input, scroll, pointermove) evitando cálculos redundantes.
Guía corta de sync en Anime.js v4Alias URI plano para la especificación técnica oficial de utils.sync() / sync() en Anime.js v4.
Guía de utils.keepTime() / createTimeKeeper() en Anime.js v4Especificación técnica oficial de utils.keepTime() / createTimeKeeper() en Anime.js v4: higher-order function que recrea un Timer, Animation o Timeline manteniendo el currentTime y estado de reproducción para actualizar parámetros sin reiniciar el progreso.
Guía de utils.keepTime() en Anime.js v4Alias oficial de la función utilitaria utils.keepTime() en Anime.js v4.
Guía corta de keepTime en Anime.js v4Alias URI plano para la especificación técnica oficial de utils.keepTime() / createTimeKeeper() en Anime.js v4.
Guía corta de createTimeKeeper en Anime.js v4Alias URI plano para la especificación técnica oficial de createTimeKeeper() en Anime.js v4.
Guía de utils.random() / random() en Anime.js v4Especificación técnica oficial de utils.random() / random() en Anime.js v4: función matemática para generar números pseudoaleatorios en el rango [min, max] con precisión decimal opcional (decimalLength).
Guía corta de random en Anime.js v4Alias URI plano para la especificación técnica oficial de utils.random() / random() en Anime.js v4.
Guía de utils.createSeededRandom() en Anime.js v4Especificación técnica oficial de utils.createSeededRandom() / createSeededRandom() en Anime.js v4: generador determinista pre-sembrado de números pseudoaleatorios dentro de un rango acotado.
Guía corta de createSeededRandom en Anime.js v4Alias URI plano para la especificación técnica oficial de utils.createSeededRandom() en Anime.js v4.
Guía corta de seededRandom en Anime.js v4Alias URI plano para la función generadora retornada por createSeededRandom en Anime.js v4.
Guía de utils.randomPick() en Anime.js v4Especificación técnica oficial de utils.randomPick() / randomPick() en Anime.js v4: selección pseudoaleatoria de elementos de una colección indexada (Array, NodeList o String).
Guía corta de random-pick en Anime.js v4Alias URI plano con guion para utils.randomPick() en Anime.js v4.
Guía corta de randompick en Anime.js v4Alias URI plano para utils.randomPick() en Anime.js v4.
Guía de utils.shuffle() en Anime.js v4Especificación técnica oficial de utils.shuffle() / shuffle() en Anime.js v4: permutación y barajado de arrays in-place (Fisher-Yates) con soporte opcional para generadores aleatorios o pre-sembrados.
Guía corta de shuffle en Anime.js v4Alias URI plano para utils.shuffle() en Anime.js v4.
Guía de utils.round() en Anime.js v4Especificación técnica oficial de utils.round() / round() en Anime.js v4: redondeo de precisión decimal y generador de funciones modificadoras encadenables (reemplaza 'round' de v3).
Guía corta de round en Anime.js v4Alias URI plano para utils.round() en Anime.js v4.
Guía de utils.snap() en Anime.js v4Especificación técnica oficial de utils.snap() / snap() en Anime.js v4: redondeo a incrementos múltiplos o selección de puntos discretos desde un array (compatible con modifier y createDraggable).
Guía corta de snap en Anime.js v4Alias URI plano para utils.snap() en Anime.js v4.
Guía de utils.wrap() en Anime.js v4Especificación técnica oficial de utils.wrap() / wrap() en Anime.js v4: envoltorio periódico y acotación cíclica de números en un rango [min, max] (compatible con modifier y createDraggable).
Guía corta de wrap en Anime.js v4Alias URI plano para utils.wrap() en Anime.js v4.
Guía de utils.mapRange() en Anime.js v4Especificación técnica oficial de utils.mapRange() / mapRange() en Anime.js v4: reasignación e interpolación lineal de números entre rangos [fromLow, fromHigh] a [toLow, toHigh] (compatible con modifier y createDraggable).
Guía corta de map-range en Anime.js v4Alias URI plano para utils.mapRange() en Anime.js v4.
Guía corta de maprange en Anime.js v4Alias URI alternativo sin guiones para utils.mapRange() en Anime.js v4.
Guía de utils.lerp() en Anime.js v4Especificación técnica oficial de utils.lerp() / lerp() en Anime.js v4: interpolación lineal de números entre start y end según factor progress [0 - 1] (compatible con modifier y createDraggable).
Guía corta de lerp en Anime.js v4Alias URI plano para utils.lerp() en Anime.js v4.
Guía de utils.damp() en Anime.js v4Especificación técnica oficial de utils.damp() / damp() en Anime.js v4: interpolación lineal amortiguada independiente de la tasa de cuadros (frame rate independent) a partir de deltaTime (ms) y factor amount [0 - 1].
Guía corta de damp en Anime.js v4Alias URI plano para utils.damp() en Anime.js v4.
Guía corta de utils.damp en Anime.js v4Alias URI puntual para utils.damp() en Anime.js v4.
Guía de utils.roundPad() en Anime.js v4Especificación técnica oficial de utils.roundPad() / roundPad() en Anime.js v4: redondeo de valores a decimales especificados con relleno de ceros y retorno como String (compatible con modifier y snap).
Guía corta de round-pad en Anime.js v4Alias URI plano para utils.roundPad() en Anime.js v4.
Guía corta de utils.roundPad en Anime.js v4Alias URI puntual para utils.roundPad() en Anime.js v4.
Guía de utils.padStart() en Anime.js v4Especificación técnica oficial de utils.padStart() / padStart() en Anime.js v4: relleno de números o cadenas desde el inicio hasta alcanzar una longitud dada (compatible con modifier y round).
Guía corta de pad-start en Anime.js v4Alias URI plano para utils.padStart() en Anime.js v4.
Guía corta de utils.padStart en Anime.js v4Alias URI puntual para utils.padStart() en Anime.js v4.
Guía de utils.padEnd() en Anime.js v4Especificación técnica oficial de utils.padEnd() / padEnd() en Anime.js v4: relleno de números o cadenas desde el final hasta alcanzar una longitud dada (compatible con modifier y round).
Guía corta de pad-end en Anime.js v4Alias URI plano para utils.padEnd() en Anime.js v4.
Guía corta de utils.padEnd en Anime.js v4Alias URI puntual para utils.padEnd() en Anime.js v4.
Guía de utils.degToRad() en Anime.js v4Especificación técnica oficial de utils.degToRad() / degToRad() en Anime.js v4: conversión trigonométrica de grados a radianes y función modificadora encadenable.
Guía corta de deg-to-rad en Anime.js v4Alias URI plano para utils.degToRad() en Anime.js v4.
Guía corta de utils.degToRad en Anime.js v4Alias URI puntual para utils.degToRad() en Anime.js v4.
Guía de utils.radToDeg() en Anime.js v4Especificación técnica oficial de utils.radToDeg() / radToDeg() en Anime.js v4: conversión trigonométrica de radianes a grados y función modificadora encadenable.
Guía corta de rad-to-deg en Anime.js v4Alias URI plano para utils.radToDeg() en Anime.js v4.
Guía corta de utils.radToDeg en Anime.js v4Alias URI puntual para utils.radToDeg() en Anime.js v4.
Guía de Chain-able utility functions en Anime.js v4Especificación técnica oficial de Chain-able utility functions en Anime.js v4: composición de operaciones complejas en una sola expresión fluida (data pipeline) y sinergia con el parámetro tween modifier.
Guía corta de chain-able-utility-functions en Anime.js v4Alias URI plano para Chain-able utility functions en Anime.js v4.
Guía corta de chainable-utility-functions en Anime.js v4Alias URI sin guión para Chain-able utility functions en Anime.js v4.
Guía del Módulo Easings en Anime.js v4Catálogo completo de funciones de aceleración polinomiales, curvas cubicBezier y simulador físico de resortes (spring) en Anime.js v4.
Guía de Easing Functions en Anime.js v4Especificación técnica de funciones de aceleración y editor interactivo (Easing Functions Editor) en Anime.js v4.
Guía de Physics-based Spring Generator en Anime.js v4Generador de resortes analíticos y parámetros físicos (bounce, duration, mass, stiffness, damping) en Anime.js v4.
Guía de Built-in eases en Anime.js v4Catálogo exhaustivo de las 12 familias de funciones de aceleración integradas (Linear, Power, Quad, Cubic, Quart, Quint, Sine, Expo, Circ, Bounce, Back, Elastic) en Anime.js v4.
Guía corta de Built-in eases en Anime.js v4Alias URI corto para la colección de funciones de aceleración integradas en Anime.js v4.
Guía sin guión de Builtin eases en Anime.js v4Alias URI sin guión medio para las funciones de aceleración integradas en Anime.js v4.
Guía técnica de Cubic Bézier easing en Anime.js v4Definición de aceleraciones mediante curvas de Bézier cúbicas de 4 puntos de control cubicBezier(x1, y1, x2, y2), anticipación (y1 < 0), sobretiro/overshoot (y2 > 1), motor JavaScript y cadenas nativas WAAPI.
Guía corta de Cubic Bézier easing en Anime.js v4Alias URI corto para curvas cúbicas de Bézier en Anime.js v4.
Guía sin guión de cubicbezier en Anime.js v4Alias URI sin guión medio para la función cubicBezier en Anime.js v4.
Guía técnica de Linear easing en Anime.js v4Definición de aceleraciones por interpolación lineal con paradas múltiples linear(stop1, stop2, ...stopN), porcentajes de tiempo 'valor porcentaje', efecto de sobretiro/overshoot, motor JS y timing functions CSS nativas en WAAPI.
Guía corta de Linear easing en Anime.js v4Alias URI corto para interpolación lineal por paradas en Anime.js v4.
Guía de paradas lineales en Anime.js v4Alias URI para paradas de interpolación lineal en Anime.js v4.
Guía técnica de Steps easing en Anime.js v4Definición de aceleraciones escalonadas y transiciones por intervalos discretos mediante steps(n, fromStart?), enlaces a steps/start y steps/end, motor JS y soporte de timing functions nativas CSS en WAAPI.
Guía corta de Steps easing en Anime.js v4Alias URI corto para aceleración escalonada en Anime.js v4.
Guía de función steps en Anime.js v4Alias URI para la función de intervalos discretos steps en Anime.js v4.
Guía técnica de Irregular easing en Anime.js v4Definición del ritmo de animación mediante interpolación lineal continua entre puntos aleatorios estocásticos con irregular(steps, randomness), enlaces a irregular/light y irregular/heavy, y reglas de invocación en motores JS y WAAPI.
Guía corta de Irregular easing en Anime.js v4Alias URI corto para aceleración irregular en Anime.js v4.
Guía de función irregular en Anime.js v4Alias URI para la función irregular(steps, randomness) en Anime.js v4.
Guía técnica de Spring easing en Anime.js v4Generador de curvas y físicas de resorte en Anime.js v4 con cálculo de duración de asentamiento (settling duration), parámetros percibidos ('bounce' y 'duration') según Apple SwiftUI, parámetros físicos directos ('mass', 'stiffness', 'damping', 'velocity'), y doble callback onComplete.
Guía de función spring en Anime.js v4Alias URI para el generador de resortes spring(parameters?) en Anime.js v4.
Guía corta de Spring easing en Anime.js v4Alias URI corto para aceleración basada en resortes en Anime.js v4.
Guía técnica de Web Animation API en Anime.js v4Motor ultraligero (~3KB frente a ~10KB de animate()) impulsado por la Web Animations API nativa del navegador (Element.animate()). Creación de animaciones mediante waapi.animate(targets, parameters), ejecución en hilo compositor de GPU, soporte de propiedades CSS y transforms individuales, parámetro exclusivo 'persist: true', y retorno de instancias WAAPIAnimation.
Guía del módulo waapi en Anime.js v4Alias URI para el módulo waapi y el método waapi.animate() en Anime.js v4.
Guía del método waapi.animate en Anime.js v4Alias URI específico para el método waapi.animate(targets, parameters) en Anime.js v4.
Guía técnica: Cuándo usar WAAPI vs animate() en Anime.js v4Criterios técnicos oficiales para priorizar waapi.animate() (carga CPU/red, peso estricto ~3KB vs ~10KB, matrices CSS, Display P3) o animate() JS (>500 targets, objetos planos JS, Canvas/WebGL, atributos SVG, keyframes y timelines complejas, stretch/reset/refresh, callbacks onUpdate/onRender).
Guía corta de cuándo usar WAAPI en Anime.js v4Alias URI corto para la guía de decisión técnica entre WAAPI y JavaScript en Anime.js v4.
Guía técnica: Hardware-accelerated animations en Anime.js v4Guía técnica oficial sobre animaciones aceleradas por hardware en WAAPI fuera del hilo principal (off-thread en compositor GPU), propiedades universales (opacity, transform, translate, scale, rotate) vs parciales (clip-path, filter), y el caveat crítico de Safari con linear() que anula la GPU ante custom power eases y funciones JS.
Guía corta de animaciones aceleradas por hardware en Anime.js v4Alias URI corto para la guía de hardware-accelerated animations y el caveat de Safari en Anime.js v4.
Guía técnica: Improvements to the Web Animation API en Anime.js v4Guía técnica oficial sobre las mejoras y ventajas de calidad de vida de waapi.animate() frente a Element.animate() nativo: integración con ScrollObserver, gestión con Scope y accesibilidad prefers-reduced-motion, y enlace a las 7 mejoras fundamentales.
Guía corta de mejoras a la Web Animation API en Anime.js v4Alias URI corto para la guía de mejoras y calidad de vida de WAAPI en Anime.js v4.
Guía rápida de ventajas y mejoras de WAAPI en Anime.js v4Alias URI corto para la guía de mejoras QoL de waapi.animate() en Anime.js v4.
Guía técnica: Sensible defaults en Web Animation API en Anime.js v4Guía técnica oficial sobre los valores predeterminados sensatos de waapi.animate() frente a Element.animate() nativo: duración (1000ms vs 0ms), easing ('out(2)' vs 'linear'), delay (0ms) y persistencia automática del estado final sin necesidad de fill: 'forwards' o .finished.then().
Guía de sensible defaults en WAAPI en Anime.js v4Alias URI corto para la guía de sensible defaults y persistencia automática en Anime.js v4.
Guía corta de sensible defaults en waapi.animate()Alias URI corto para la guía de valores predeterminados y persistencia en waapi.animate().
Guía rápida de sensible defaults en Anime.js v4Alias URI conciso para los valores por defecto sensatos de WAAPI en Anime.js v4.
Guía técnica: Multi-targets animation en Web Animation API en Anime.js v4Guía técnica oficial sobre la animación de múltiples elementos DOM mediante selectores CSS en waapi.animate() frente a Element.animate() nativo, con soporte nativo de escalonamiento con stagger().
Guía de multi-targets animation en WAAPI en Anime.js v4Alias URI corto para la guía de animación de múltiples elementos DOM y stagger() en Anime.js v4.
Guía corta de múltiples targets en waapi.animate()Alias URI corto para la animación de múltiples targets en waapi.animate().
Guía rápida de multi-targets animation en Anime.js v4Alias URI conciso para multi-targets animation en Anime.js v4.
Guía técnica: Default units en Web Animation API en Anime.js v4Guía técnica oficial sobre la inferencia e inyección automática de unidades por defecto ('px' y 'deg') para 24 propiedades de uso común en waapi.animate().
Guía de default units en WAAPI en Anime.js v4Alias URI corto para la guía de unidades por defecto en waapi.animate().
Guía corta de unidades predeterminadas en waapi.animate()Alias URI corto para la tabla de 24 propiedades con unidades automáticas en waapi.animate().
Guía rápida de default units en Anime.js v4Alias URI conciso para default units en Anime.js v4.
Guía técnica: Function based values en Web Animation API en Anime.js v4Guía técnica oficial sobre el soporte de valores y parámetros basados en funciones dinámicas en waapi.animate().
Guía de function based values en WAAPI en Anime.js v4Alias URI corto para la guía de function based values en waapi.animate().
Guía corta de valores basados en función en waapi.animate()Alias URI corto para la evaluación dinámica de valores por target en waapi.animate().
Guía rápida de function based values en Anime.js v4Alias URI conciso para function based values en Anime.js v4.
Guía técnica: Individual CSS transforms en Web Animation API en Anime.js v4Guía técnica oficial sobre el control granular de las 14 propiedades de transformaciones CSS individuales en waapi.animate().
Guía de individual CSS transforms en WAAPI en Anime.js v4Alias URI corto para la guía de transformaciones individuales en waapi.animate().
Guía corta de transformaciones individuales en waapi.animate()Alias URI corto para la tabla de 14 propiedades de transformación individual en waapi.animate().
Guía rápida de individual CSS transforms en Anime.js v4Alias URI conciso para transformaciones CSS individuales en Anime.js v4.
Guía técnica: Individual property parameters en Web Animation API en Anime.js v4Guía técnica oficial sobre la configuración desacoplada de parámetros individuales por propiedad (to, from, duration, delay, ease) en waapi.animate().
Guía de individual property parameters en WAAPI en Anime.js v4Alias URI corto para la guía de parámetros individuales por propiedad en waapi.animate().
Guía corta de parámetros individuales por propiedad en waapi.animate()Alias URI corto para parámetros desacoplados y keyframes locales en waapi.animate().
Guía rápida de individual property parameters en Anime.js v4Alias URI conciso para parámetros individuales por propiedad en Anime.js v4.
Guía técnica: Spring and custom easings en Web Animation API en Anime.js v4Guía técnica oficial sobre el uso de simulaciones de resortes y funciones de aceleración JavaScript personalizadas en waapi.animate().
Guía de spring and custom easings en WAAPI en Anime.js v4Alias URI corto para la guía de resortes y curvas personalizadas en waapi.animate().
Guía corta de resortes y curvas personalizadas en waapi.animate()Alias URI corto para la tabla de built-in eases y físicas de resortes en waapi.animate().
Guía rápida de spring and custom easings en Anime.js v4Alias URI conciso para resortes y funciones de aceleración personalizadas en Anime.js v4.
Guía oficial de diferencias de API con WAAPI nativo en Anime.js v4Documentación técnica oficial sobre todas las diferencias de sintaxis entre waapi.animate() y element.animate().
Diferencias clave de sintaxis entre waapi.animate() y element.animate()Alias URI directo para la comparativa de sintaxis y arquitectura entre Anime.js v4 y WAAPI nativo.
Guía técnica de diferencias de API WAAPIAlias URI corto para la guía de diferencias de targets, keyframes y opciones en waapi.animate().
Comparativa Anime.js waapi.animate() vs Native WAAPIAlias URI conciso para la tabla comparativa de diferencias entre Anime.js v4 y WAAPI nativo.
Guía oficial de iterations vs loop en waapi.animate()Documentación técnica oficial sobre la sustitución de 'iterations' por 'loop' en Anime.js v4.
Diferencia de parámetro: iterations frente a loopAlias URI directo para la tabla de correspondencia y semántica entre 'iterations' y 'loop'.
Guía corta de iterations en WAAPIAlias URI conciso para la guía de repeticiones y bucles en waapi.animate().
Comparativa iterations vs loop en Anime.js v4Alias URI para el mapeo matemático: iterations = loop + 1.
Guía oficial de direction (reversed & alternate) en waapi.animate()Documentación técnica oficial sobre la sustitución de 'direction' por dos parámetros booleanos independientes 'reversed' y 'alternate' en Anime.js v4.
Diferencia de parámetro: direction frente a reversed y alternateAlias URI directo para la tabla de mapeo oficial entre direction ('forward', 'reverse', 'alternate', 'alternate-reverse') y booleanos en Anime.js v4.
Guía corta de direction en WAAPIAlias URI conciso para el control de sentido y oscilación de reproducción en waapi.animate().
Comparativa direction vs reversed y alternate en Anime.js v4Alias URI para la ortogonalidad entre la dirección inicial ('reversed') y el vaivén por ciclo ('alternate').
Guía oficial de easing (ease) en waapi.animate()Documentación técnica oficial sobre la sustitución de 'easing' por 'ease' en Anime.js v4, con soporte de funciones personalizadas, resortes físicos y valor por defecto 'out(2)'.
Diferencia de parámetro: easing frente a easeAlias URI directo para la comparativa entre la propiedad 'easing' de WAAPI y 'ease' en Anime.js v4.
Guía corta de easing en WAAPIAlias URI conciso para curvas temporales avanzadas y funciones de aceleración en waapi.animate().
Comparativa easing vs ease en Anime.js v4Alias URI para la unificación del parámetro 'ease' y el comportamiento predeterminado 'out(2)' frente al 'linear' nativo de WAAPI.
Guía oficial de finished (then) en waapi.animate()Documentación técnica oficial sobre la sustitución de la propiedad 'finished' por el método Thenable '.then()' en Anime.js v4, con soporte nativo de async/await.
Diferencia de parámetro: finished frente a thenAlias URI directo para la comparativa entre la propiedad 'finished' de WAAPI y '.then()' en Anime.js v4.
Guía corta de finished en WAAPIAlias URI conciso para resolución de promesas y composición asíncrona en waapi.animate().
Comparativa finished vs then en Anime.js v4Alias URI para el patrón Thenable directo y eliminación de Promise.all manual en animaciones con múltiples targets.
Guía oficial de waapi.convertEase()Documentación técnica oficial sobre la función 'waapi.convertEase()' para compilar funciones matemáticas de aceleración y resortes a CSS linear().
waapi.convertEase() en Anime.js v4Alias URI para la utilidad de conversión de curvas JavaScript a easing linear() compatible con Web Animations API nativa.
Conversor de easing en WAAPIAlias URI para compilar físicas spring() a polígonos CSS linear() para Element.animate().
convertEase utilityAlias conciso para la utilidad waapi.convertEase.
Motor Global Engine en Anime.js v4Documentación oficial del motor global: orden de ejecución (priority), parámetros, métodos y defaults.
Parámetros del Motor EngineEspecificación de timeUnit, speed, fps, precision, pauseOnDocumentHidden y useDefaultMainLoop.
Engine properties | Propiedades globales del MotorEspecificación técnica y tabla completa de las 8 propiedades del motor: timeUnit, currentTime, deltaTime, precision, speed, fps, useDefaultMainLoop, pauseOnDocumentHidden.

TDQS

A3.5/5.0

Scored across 9 tools

Disambiguation4/5

Most tools target clearly distinct purposes: validation, doc search, parameter lookup (get vs list), migration, install, imports, and two write operations. The main overlap is between search_anime_docs and the specific get_*_guide tools, since a keyword search could surface the same migration/install/import content, but the descriptions give enough separation to disambiguate.

Naming Consistency5/5

All tools use a consistent snake_case verb_noun pattern (validate_anime_code, get_parameter_details, list_engine_parameters, register_parameter, add_custom_doc). The verbs vary appropriately (get/list/search/validate/register/add) but the structure is entirely predictable.

Tool Count5/5

Nine tools is well-scoped for an expert domain server, covering lookup, validation, and documentation management without bloat. Each tool serves a distinct function with no redundancy.

Completeness4/5

Strong coverage of the domain: read (search/get/list), write (register_parameter, add_custom_doc), validation, and migration/install/import guidance. Minor gaps include no delete/remove counterpart for registered parameters or custom docs, and no automated code-fix tool, but core lifecycle is covered.

Maintenance

ActivityMaintained
ResponsivenessNo issues