MCP Anime.js v4 Expert Server
Server Configuration
Describes the environment variables required to run the server.
| Name | Required | Description | Default |
|---|---|---|---|
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
| Capability | Details |
|---|---|
| tools | {} |
| resources | {} |
Tools
Functions exposed to the LLM to take actions
| Name | Description |
|---|---|
| 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
| Name | Description |
|---|---|
No prompts | |
Resources
Contextual data attached and managed by the client
| Name | Description |
|---|---|
| Anime.js v4 Overview & Architecture | Resumen 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 v4 | Directorio de todas las subrutas (animejs/animation, animejs/timer, animejs/text, animejs/svg, etc.) y configuración de importmap. |
| Anime.js v4 Parameters Catalog | Catálogo completo de parámetros soportados por el motor de animación. |
| Guía de Optimización y Rendimiento a 60/120fps | Buenas prácticas de aceleración GPU, prevención de reflows y gestión de memoria. |
| Guía de Migración de v3 a v4 | Guía completa con todos los cambios de sintaxis, métodos eliminados y equivalencias de v3 a v4. |
| Guía de Uso con Vanilla JavaScript | Buenas 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 Targets | Uso de selectores CSS (clases, IDs, pseudoclases, combinadores) con document.querySelectorAll() como targets en animate(). |
| Guía de Elementos DOM como Targets | Uso 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 v4 | Guí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 v4 | Orquestació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 v4 | Incorporació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 v4 | Incorporació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 v4 | Sincronizació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 v4 | Sincronizació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 v4 | Ejecució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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Guí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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Guí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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Especificació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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Alias URI plano para la especificación técnica oficial de Stagger parameter 'jitter' en Anime.js v4. |
| Guía de utils.$() / $() en Anime.js v4 | Especificació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 v4 | Alias canónico para la especificación técnica oficial de utils.$() / $() en Anime.js v4. |
| Guía corta de dollar-sign en Anime.js v4 | Alias URI plano para la especificación técnica oficial de utils.$() / $() en Anime.js v4. |
| Guía de utils.get() / get() en Anime.js v4 | Especificació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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Especificació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 v4 | Alias 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 v4 | Especificació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 v4 | Alias oficial de la función utilitaria utils.keepTime() en Anime.js v4. |
| Guía corta de keepTime en Anime.js v4 | Alias 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 v4 | Alias URI plano para la especificación técnica oficial de createTimeKeeper() en Anime.js v4. |
| Guía de utils.random() / random() en Anime.js v4 | Especificació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 v4 | Alias 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 v4 | Especificació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 v4 | Alias URI plano para la especificación técnica oficial de utils.createSeededRandom() en Anime.js v4. |
| Guía corta de seededRandom en Anime.js v4 | Alias URI plano para la función generadora retornada por createSeededRandom en Anime.js v4. |
| Guía de utils.randomPick() en Anime.js v4 | Especificació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 v4 | Alias URI plano con guion para utils.randomPick() en Anime.js v4. |
| Guía corta de randompick en Anime.js v4 | Alias URI plano para utils.randomPick() en Anime.js v4. |
| Guía de utils.shuffle() en Anime.js v4 | Especificació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 v4 | Alias URI plano para utils.shuffle() en Anime.js v4. |
| Guía de utils.round() en Anime.js v4 | Especificació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 v4 | Alias URI plano para utils.round() en Anime.js v4. |
| Guía de utils.snap() en Anime.js v4 | Especificació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 v4 | Alias URI plano para utils.snap() en Anime.js v4. |
| Guía de utils.wrap() en Anime.js v4 | Especificació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 v4 | Alias URI plano para utils.wrap() en Anime.js v4. |
| Guía de utils.mapRange() en Anime.js v4 | Especificació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 v4 | Alias URI plano para utils.mapRange() en Anime.js v4. |
| Guía corta de maprange en Anime.js v4 | Alias URI alternativo sin guiones para utils.mapRange() en Anime.js v4. |
| Guía de utils.lerp() en Anime.js v4 | Especificació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 v4 | Alias URI plano para utils.lerp() en Anime.js v4. |
| Guía de utils.damp() en Anime.js v4 | Especificació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 v4 | Alias URI plano para utils.damp() en Anime.js v4. |
| Guía corta de utils.damp en Anime.js v4 | Alias URI puntual para utils.damp() en Anime.js v4. |
| Guía de utils.roundPad() en Anime.js v4 | Especificació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 v4 | Alias URI plano para utils.roundPad() en Anime.js v4. |
| Guía corta de utils.roundPad en Anime.js v4 | Alias URI puntual para utils.roundPad() en Anime.js v4. |
| Guía de utils.padStart() en Anime.js v4 | Especificació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 v4 | Alias URI plano para utils.padStart() en Anime.js v4. |
| Guía corta de utils.padStart en Anime.js v4 | Alias URI puntual para utils.padStart() en Anime.js v4. |
| Guía de utils.padEnd() en Anime.js v4 | Especificació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 v4 | Alias URI plano para utils.padEnd() en Anime.js v4. |
| Guía corta de utils.padEnd en Anime.js v4 | Alias URI puntual para utils.padEnd() en Anime.js v4. |
| Guía de utils.degToRad() en Anime.js v4 | Especificació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 v4 | Alias URI plano para utils.degToRad() en Anime.js v4. |
| Guía corta de utils.degToRad en Anime.js v4 | Alias URI puntual para utils.degToRad() en Anime.js v4. |
| Guía de utils.radToDeg() en Anime.js v4 | Especificació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 v4 | Alias URI plano para utils.radToDeg() en Anime.js v4. |
| Guía corta de utils.radToDeg en Anime.js v4 | Alias URI puntual para utils.radToDeg() en Anime.js v4. |
| Guía de Chain-able utility functions en Anime.js v4 | Especificació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 v4 | Alias URI plano para Chain-able utility functions en Anime.js v4. |
| Guía corta de chainable-utility-functions en Anime.js v4 | Alias URI sin guión para Chain-able utility functions en Anime.js v4. |
| Guía del Módulo Easings en Anime.js v4 | Catá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 v4 | Especificació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 v4 | Generador 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 v4 | Catá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 v4 | Alias 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 v4 | Alias 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 v4 | Definició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 v4 | Alias URI corto para curvas cúbicas de Bézier en Anime.js v4. |
| Guía sin guión de cubicbezier en Anime.js v4 | Alias URI sin guión medio para la función cubicBezier en Anime.js v4. |
| Guía técnica de Linear easing en Anime.js v4 | Definició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 v4 | Alias URI corto para interpolación lineal por paradas en Anime.js v4. |
| Guía de paradas lineales en Anime.js v4 | Alias URI para paradas de interpolación lineal en Anime.js v4. |
| Guía técnica de Steps easing en Anime.js v4 | Definició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 v4 | Alias URI corto para aceleración escalonada en Anime.js v4. |
| Guía de función steps en Anime.js v4 | Alias URI para la función de intervalos discretos steps en Anime.js v4. |
| Guía técnica de Irregular easing en Anime.js v4 | Definició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 v4 | Alias URI corto para aceleración irregular en Anime.js v4. |
| Guía de función irregular en Anime.js v4 | Alias URI para la función irregular(steps, randomness) en Anime.js v4. |
| Guía técnica de Spring easing en Anime.js v4 | Generador 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 v4 | Alias URI para el generador de resortes spring(parameters?) en Anime.js v4. |
| Guía corta de Spring easing en Anime.js v4 | Alias URI corto para aceleración basada en resortes en Anime.js v4. |
| Guía técnica de Web Animation API en Anime.js v4 | Motor 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 v4 | Alias 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 v4 | Alias 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 v4 | Criterios 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 v4 | Alias 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 v4 | Guí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 v4 | Alias 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 v4 | Guí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 v4 | Alias 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 v4 | Alias 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 v4 | Guí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 v4 | Alias 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 v4 | Alias 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 v4 | Guí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 v4 | Alias 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 v4 | Alias URI conciso para multi-targets animation en Anime.js v4. |
| Guía técnica: Default units en Web Animation API en Anime.js v4 | Guí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 v4 | Alias 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 v4 | Alias URI conciso para default units en Anime.js v4. |
| Guía técnica: Function based values en Web Animation API en Anime.js v4 | Guí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 v4 | Alias 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 v4 | Alias URI conciso para function based values en Anime.js v4. |
| Guía técnica: Individual CSS transforms en Web Animation API en Anime.js v4 | Guí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 v4 | Alias 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 v4 | Alias URI conciso para transformaciones CSS individuales en Anime.js v4. |
| Guía técnica: Individual property parameters en Web Animation API en Anime.js v4 | Guí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 v4 | Alias 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 v4 | Alias 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 v4 | Guí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 v4 | Alias 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 v4 | Alias 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 v4 | Documentació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 WAAPI | Alias URI corto para la guía de diferencias de targets, keyframes y opciones en waapi.animate(). |
| Comparativa Anime.js waapi.animate() vs Native WAAPI | Alias 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 loop | Alias URI directo para la tabla de correspondencia y semántica entre 'iterations' y 'loop'. |
| Guía corta de iterations en WAAPI | Alias URI conciso para la guía de repeticiones y bucles en waapi.animate(). |
| Comparativa iterations vs loop en Anime.js v4 | Alias 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 alternate | Alias 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 WAAPI | Alias 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 v4 | Alias 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 ease | Alias URI directo para la comparativa entre la propiedad 'easing' de WAAPI y 'ease' en Anime.js v4. |
| Guía corta de easing en WAAPI | Alias URI conciso para curvas temporales avanzadas y funciones de aceleración en waapi.animate(). |
| Comparativa easing vs ease en Anime.js v4 | Alias 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 then | Alias URI directo para la comparativa entre la propiedad 'finished' de WAAPI y '.then()' en Anime.js v4. |
| Guía corta de finished en WAAPI | Alias URI conciso para resolución de promesas y composición asíncrona en waapi.animate(). |
| Comparativa finished vs then en Anime.js v4 | Alias 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 v4 | Alias URI para la utilidad de conversión de curvas JavaScript a easing linear() compatible con Web Animations API nativa. |
| Conversor de easing en WAAPI | Alias URI para compilar físicas spring() a polígonos CSS linear() para Element.animate(). |
| convertEase utility | Alias conciso para la utilidad waapi.convertEase. |
| Motor Global Engine en Anime.js v4 | Documentación oficial del motor global: orden de ejecución (priority), parámetros, métodos y defaults. |
| Parámetros del Motor Engine | Especificación de timeUnit, speed, fps, precision, pauseOnDocumentHidden y useDefaultMainLoop. |
| Engine properties | Propiedades globales del Motor | Especificación técnica y tabla completa de las 8 propiedades del motor: timeUnit, currentTime, deltaTime, precision, speed, fps, useDefaultMainLoop, pauseOnDocumentHidden. |
TDQS
Scored across 9 tools
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.
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.
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.
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.