Busqueda de Articulos

Selecciona un Producto

Directorio de soporte de null

Explore todos los artículos de null (Last Updated )

No se encontraron articulos.

Resultados de busqueda

No se encontraron articulos.

AI Assistant: uso de indicaciones de IA para crear animaciones de entrada en JavaScript

Artículo actualizado por última vez el 16 ene 2026

Los autores de e-learning saben que las animaciones de entrada pueden transformar un curso estático en una experiencia de aprendizaje más dinámica. Sin embargo, convertir esa visión creativa en realidad a veces puede ser un desafío.

Ahí es donde entra en juego la nueva característica de animaciones de entrada de JavaScript con IA de Storyline 360. Simplemente chatea con AI Assistant para describir la animación que deseas. Convierte tus palabras sencillas en código e incluso genera automáticamente el accionador necesario.

Los siguientes consejos y ejemplos van más allá de lo básico para ayudarte a aprovechar al máximo esta característica basada en la IA, y ofrecen ideas creativas y técnicas prácticas para dar vida a tus cursos. Sigue leyendo para inspirarte.

Comience con instrucciones simples

Con AI Assistant, no necesitas saber programar para crear animaciones de entrada llamativas. Simplemente describe tu objetivo en un lenguaje sencillo. Algo tan simple como «Haz que este objeto aparezca lentamente» le indicará a AI Assistant que cree un efecto de atenuación para tu objeto diapositiva. También puedes probar instrucciones como «Haz que esta forma se deslice diapositiva desde la izquierda» o «Haz que la imagen gire» para ver cómo diferentes palabras producen diferentes resultados.

Una vez que estés satisfecho con la animación básica, puedes continuar con la conversación para afinarla. Por ejemplo, podrías decir: «Hazlo más rápido», «Agrega un ligero retraso» o «Reproduce esta animación en bucle». AI Assistant se basa en tus instrucciones anteriores, lo que te permite encadenar las instrucciones de forma natural, sin necesidad de volver a empezar cada vez.

Este enfoque conversacional facilita la experimentación y el perfeccionamiento de las animaciones hasta que se muevan exactamente como las imaginabas. Empieza de forma sencilla, construye paso a paso y deja que AI Assistant se encargue de los detalles técnicos mientras tú te centras en la parte creativa.

Ajusta las propiedades de los objetos

Puedes hacer referencia a las propiedades básicas de los objetos diapositiva en las solicitudes para controlar el comportamiento de las animaciones. La siguiente tabla muestra las propiedades de los objetos más comunes junto con ejemplos para ayudarte a describir los efectos que deseas y guiar a AI Assistant a la hora de generar la animación correcta.

Propiedades de los objetosEfectosEjemplo de uso en las indicaciones
Movimiento y temporizaciónFacilitación
  • «Relájese» (comienza despacio y acelera)
  • «Tranquilícese» (comienza rápido y se ralentiza al final)
  • «Entrar y salir» con facilidad (comienza y termina despacio, con un movimiento más rápido en el centro)
  • «Elástico» (como una banda elástica)
  • «Lineal» (sin cambio de velocidad)
 En bucle
  • «Bucle infinitamente»
  • «Bucle para siempre»
  • «Eliminar la animación de la escala de tiempo»
 Velocidad
  • «Ralentizar la animación»
  • «Ralentizar la animación 2 veces»
  • «Acelera la animación para que tardara 2 segundos en total»
 Escalonado
  • «Se desvanecen secuencialmente»
  • «Se desvanecen uno tras otro»
Posición y movimiento3D
  • «Gira el objeto en 3D»
  • «Gira el objeto en 3D con perspectiva»
  • «Añade una inclinación 3D»
 Distancia
  • «Mueve el rectángulo 200 px hacia la derecha» (pregúntale a AI Assistant cuál es el tamaño de la diapositiva para tener una idea de cuántos píxeles especificar).
 Posición
  • «Muévete a la izquierda/derecha»
  • «Muévete al centro de la diapositiva»
  • «Ir a la parte inferior de la diapositiva»
 Escala
  • «Escala 200%»
  • «Reducir un 50%»
  • «Aumente el tamaño 3 veces» (300%)
Visual y estiloDifuminado
  • «Difuminar»
Matiz
  • «Añade una rotación de tono» (crea efectos de color aleatorios)
Opacidad
  • «Fade in»
  • «Desvanecerse»
  • «Anime la opacidad de 1 a 0,5» (tenga en cuenta que 0 es completamente transparente y 1 o 100% es completamente opaco).

Cree animaciones de varios pasos (ejemplos de vídeo)

¿Quieres ver lo que es posible? Los siguientes vídeos muestran cómo agregar movimiento, profundidad y energía visual a sus proyectos. Desde secuencias de escala de tiempo hasta movimientos en bucle y revelaciones de máscaras, estos ejemplos muestran el rango creativo que se puede lograr con las animaciones de entrada de JavaScript con IA.

Secuencias cronológicas

En el siguiente video (sin sonido), observa cómo las animaciones de entrada y salida funcionan juntas en un flujo continuo. Los desvanecimientos, las transformaciones y los tiempos escalonados pueden agregar ritmo y brillo a esta secuencia coordinada.

Animación secuencial

El siguiente video de ejemplo (sin sonido) conecta a la perfección varios efectos (giros, pulsos y desenfoques) para crear movimientos que evolucionan a lo largo de la diapositiva, lo que resulta en un flujo narrativo fluido.

Bucles de movimiento fuera de la línea temporal

El siguiente video (sin sonido) muestra un movimiento continuo en bucle que se produce fuera de la escala de tiempo. Las oscilaciones suaves y los cambios de color crean un movimiento suave y persistente que enriquece el ambiente.

Revelaciones de máscara

Mira el siguiente video (sin sonido) para ver las imágenes reveladas a través del enmascaramiento, lo que crea un efecto suave y en capas. Cuando se combina con entradas escalonadas y transiciones posteriores, crea un momento visual parecido a una historia.

Despierta tu creatividad

Si tu diapositiva está repleta de objetos y no estás seguro de qué mover, difuminar o resaltar, pídele ideas a AI Assistant. Por ejemplo, pregunta a AI Assistant qué objetos animar, cómo simplificar el movimiento o qué estilos de animación podrían funcionar mejor juntos. A veces, un mensaje rápido como «¿Cuál es una buena forma de animar esta diapositiva?» es todo lo que se necesita para que las cosas funcionen.

En el siguiente vídeo (sin sonido), verás a AI Assistant en acción, que ofrece sugerencias inteligentes para mejorar una diapositiva ajetreada. Observa cómo analiza los objetos y sugiere organizar las animaciones para hacer una diapositiva más limpia e intencionada sin perder la creatividad.