{"id":747,"date":"2014-04-08T04:43:18","date_gmt":"2014-04-08T03:43:18","guid":{"rendered":"http:\/\/descartesjs.org\/documentacion\/?p=747"},"modified":"2021-08-07T16:07:06","modified_gmt":"2021-08-07T15:07:06","slug":"animaciones","status":"publish","type":"post","link":"https:\/\/reddescartes.org\/documentacion\/animaciones\/","title":{"rendered":"Animaciones"},"content":{"rendered":"

Una animaci\u00f3n en Descartes es un algoritmo especial\u00a0que refresca la escena cada vez que realiza un ciclo. Como todo algoritmo<\/span>\u00a0tiene la estructura <\/span>inicio<\/b>\u00a0–\u00a0<\/span>hacer<\/b>\u00a0–\u00a0<\/span>mientras<\/b>.<\/span><\/p>\n

El Panel de configuraci\u00f3n de la\u00a0Animaci\u00f3n<\/b>\u00a0tiene este aspecto.<\/p>\n

\"animacion1\"<\/p>\n

El panel de configuraci\u00f3n de la animaci\u00f3n tiene estos campos:<\/p>\n

\n\n\n\n\n\n\n\n\n\n
\n

Animaci\u00f3n<\/b><\/p>\n<\/td>\n

Activa o desactiva la animaci\u00f3n.
\nCuando el selector no est\u00e1 marcado los dem\u00e1s campos del panel est\u00e1n desactivados. Cuando el selector est\u00e1 activado todos los campos del panel se activan y el autor puede escribir en ellos o elegir opciones. Cuando la animaci\u00f3n est\u00e1 activada, en la escena aparece un bot\u00f3n\u00a0animar<\/b>\u00a0abajo a la derecha, con el que el usuario puede arrancar la animaci\u00f3n, ordenar una pausa y continuar la animaci\u00f3n.La etiqueta del bot\u00f3n alterna entre\u00a0animar<\/b>\u00a0y\u00a0pausa<\/b><\/td>\n<\/tr>\n
\n

pausa<\/b><\/p>\n<\/td>\n

\n

El tiempo (en milisegundos) que el programa espera en cada paso de la animaci\u00f3n.El valor por defecto es 60.<\/p>\n

Los valores peque\u00f1os hacen que la animaci\u00f3n sea m\u00e1s r\u00e1pida y viceversa. En procesadores lentos los valores peque\u00f1os no necesariamente producen animaciones r\u00e1pidas.<\/p>\n<\/td>\n<\/tr>\n

\n

auto<\/b><\/p>\n<\/td>\n

Determina si la animaci\u00f3n comienza autom\u00e1ticamente cuando la escena aparece en la pantalla y cada vez que se pulsa el bot\u00f3n de Inicio.\u00a0<\/i><\/b>Si el selector no est\u00e1 activado entonces para que comience es necesario que el desarrollador de la escena incluya alg\u00fan evento u ofrezca un bot\u00f3n al usuario para que la active.<\/td>\n<\/tr>\n
\n

repetir<\/b><\/p>\n<\/td>\n

Determina si la animaci\u00f3n se repite indefinidamente o bien se detiene cuando la condici\u00f3n \u00abmientras\u00bb deja de ser verdadera.<\/td>\n<\/tr>\n
\n

inicio<\/b><\/p>\n<\/td>\n

C\u00e1lculos que se realizan al comenzar la animaci\u00f3n.Puede incluir varias asignaciones separadas por \u00ab;\u201d.<\/td>\n<\/tr>\n
\n

hacer<\/b><\/p>\n<\/td>\n

C\u00e1lculos que se realizan en cada paso de la animaci\u00f3n.Puede incluir varias asignaciones separadas por un salto de l\u00ednea.<\/td>\n<\/tr>\n
\n

mientras<\/b><\/p>\n<\/td>\n

Condici\u00f3n para que la animaci\u00f3n contin\u00fae.Cuando esta condici\u00f3n deja de ser v\u00e1lida la animaci\u00f3n se detiene o, si el selector \u00abrepetir\u00bb est\u00e1 activado, vuelve a comenzar.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

Los campos inicio, hacer y mientras funcionan igual que en \u00a0cualquier\u00a0algoritmo<\/a>.<\/p>\n

El siguiente ejemplo muestra una animaci\u00f3n que representa una cuerda vibrante blanca con sus primeros arm\u00f3nicos en colores rojo, amarillo, verde, azul y los m\u00e1s altos en violeta. Para distinguir los de color violeta hay que aumentar mucho la amplitud.<\/p>\n

\n\n