Guía del usuario Cancelar

Activación de la compatibilidad con plataformas personalizadas

  1. Guía del usuario de Adobe Animate
  2. Introducción a Animate
    1. Novedades de Animate
    2. Glosario visual
    3. Requisitos del sistema para Animate
    4. Métodos abreviados de teclado de Animate
    5. Trabajar con varios tipos de archivo en Animate
  3. Animación
    1. Aspectos básicos de animaciones en Animate
    2. Cómo utilizar los fotogramas y fotogramas clave en Animate
    3. Animación fotograma a fotograma en Animate
    4. Uso de la animación de interpolación clásica en Animate
    5. Herramienta Pincel
    6. Guía de movimiento
    7. Interpolación de movimiento y ActionScript 3.0
    8. Acerca de la animación de interpolación de movimiento
    9. Animaciones de interpolación de movimiento
    10. Creación de una animación de interpolación de movimiento
    11. Uso de fotogramas clave de propiedad
    12. Animación de la posición con una interpolación
    13. Edición de interpolaciones de movimiento con el editor de movimiento
    14. Edición del trazado de movimiento de una animación de interpolación
    15. Manipulación de las interpolaciones de movimiento
    16. Adición de aceleraciones personalizadas
    17. Creación y aplicación de ajustes preestablecidos de movimiento
    18. Configuración de grupos de interpolación de animación
    19. Uso de interpolaciones de movimiento guardadas como archivos XML
    20. Interpolaciones de movimiento e interpolaciones clásicas
    21. Interpolación de forma
    22. Uso de la animación de la herramienta Hueso en Animate
    23. Trabajar con el rigging de personajes en Animate
    24. Uso de las capas de máscara en Adobe Animate
    25. Uso de escenas en Animate
  4. Interactividad
    1. Creación de botones en Animate
    2. Conversión de proyectos de Animate a otros formatos de documento
    3. Creación y publicación de documentos de HTML5 Canvas en Animate
    4. Adición de interactividad con fragmentos de código en Animate
    5. Creación de componentes HTML5 personalizados
    6. Uso de componentes en HTML5 Canvas
    7. Creación de componentes personalizados: Ejemplos
    8. Fragmentos de código para componentes personalizados
    9. Prácticas recomendadas - Publicidad con Animate
    10. Autoría y publicación de realidad virtual
  5. Espacio de trabajo y flujo de trabajo
    1. Creación y administración de pinceles
    2. Uso de Google Fonts en documentos HTML5 Canvas
    3. Utilización de las Bibliotecas Creative Cloud y Adobe Animate
    4. Utilización del Escenario y el panel Herramientas en Animate
    5. Flujo de trabajo y espacio de trabajo de Animate
    6. Uso de las fuentes web en documentos de HTML5 Canvas
    7. Líneas de tiempo y ActionScript
    8. Trabajo con varias líneas de tiempo
    9. Configuración de preferencias
    10. Utilización de los paneles de edición de Animate
    11. Creación de capas de la línea de tiempo en Animate
    12. Exportación de animaciones para aplicaciones móviles y motores de juegos
    13. Desplazamiento y copia de objetos
    14. Plantillas
    15. Buscar y reemplazar en Animate
    16. Deshacer y rehacer en el panel Historial
    17. Métodos abreviados de teclado
    18. Uso de la Cronología en Animate
    19. Creación de extensiones HTML
    20. Opciones de optimización para Imágenes y archivos GIF animados
    21. Configuración de exportación de imágenes y archivos GIF
    22. Panel de Recursos en Animate
  6. Multimedia y vídeo
    1. Transformación y combinación de objetos gráficos en Animate
    2. Crear y trabajar con instancias de símbolo en Animate
    3. Calco de imagen
    4. Cómo utilizar el sonido en Adobe Animate
    5. Exportación de archivos SVG
    6. Creación de archivos de vídeo para su uso en Animate
    7. Cómo añadir un vídeo a Animate
    8. Trabajo con puntos de referencia de vídeo
    9. Dibujo y creación de objetos en Animate
    10. Remodelado de líneas y formas
    11. Trazos, rellenos y degradados en Animate CC
    12. Uso de Adobe Premiere Pro y After Effects
    13. Paneles de color en Animate CC
    14. Apertura de archivos de Flash CS6 con Animate
    15. Uso de texto clásico en Animate
    16. Colocación de ilustraciones en Animate
    17. Mapas de bits importados en Animate
    18. Gráficos 3D
    19. Trabajo con símbolos en Animate
    20. Dibujo de líneas y formas en Adobe Animate
    21. Uso de bibliotecas en Animate
    22. Exportación de sonidos
    23. Selección de objetos en Animate CC
    24. Trabajo con archivos AI de Illustrator en Animate
    25. Aplicación de patrones con el pincel rociador
    26. Aplicación de modos de mezcla
    27. Organización de objetos
    28. Automatización de tareas con el menú Comandos
    29. Texto en varios idiomas
    30. Utilización de la cámara en Animate
    31. Uso de Animate con Adobe Scout
    32. Trabajo con archivos de Fireworks
    33. Filtros de gráficos
    34. Sonido y ActionScript
    35. Preferencias de dibujo
    36. Dibujo con la herramienta Pluma
  7. Plataformas
    1. Conversión de proyectos de Animate a otros formatos de documento
    2. Compatibilidad con plataformas personalizadas
    3. Creación y publicación de documentos de HTML5 Canvas en Animate
    4. Creación y publicación de un documento de WebGL
    5. Empaquetado de aplicaciones para AIR para iOS
    6. Publicación de aplicaciones de AIR for Android
    7. Publicación para Adobe AIR para escritorio
    8. Configuración de publicaciones de ActionScript
    9. Prácticas recomendadas - Organización de ActionScript en una aplicación
    10. Uso de ActionScript con Animate
    11. Prácticas recomendadas - Directrices de accesibilidad
    12. Accesibilidad en el espacio de trabajo de Animate
    13. Cómo escribir y gestionar scripts
    14. Activación de la compatibilidad con plataformas personalizadas
    15. Información general sobre compatibilidad con plataformas personalizadas
    16. Creación de contenido accesible
    17. Uso de plugins de compatibilidad con plataformas personalizadas
    18. Depuración de ActionScript 3.0
    19. Activación de la compatibilidad con plataformas personalizadas
  8. Exportación y publicación
    1. Exportación de archivos de Animate CC
    2. Publicación de OAM
    3. Exportación de archivos SVG
    4. Exportación de gráficos y vídeos con Animate
    5. Publicar documentos de AS3
    6. Exportación de animaciones para aplicaciones móviles y motores de juegos
    7. Exportación de sonidos
    8. Exportación de archivos de vídeo QuickTime
    9. Control de reproducción de vídeo externo con ActionScript
    10. Prácticas recomendadas - Sugerencias para crear contenido para dispositivos móviles
    11. Prácticas recomendadas - Convenciones de vídeo
    12. Prácticas recomendadas - Directrices de edición de aplicaciones SWF
    13. Prácticas recomendadas - Estructuración de archivos FLA
    14. Prácticas recomendadas de optimización de archivos FLA para Animate
    15. Configuración de publicaciones de ActionScript
    16. Especificación de configuración de publicación para Animate
    17. Exportación de archivos de proyector
    18. Exportar imágenes y archivos GIF animados
    19. Plantillas de publicación HTML
    20. Uso de Adobe Premiere Pro y After Effects
    21. Compartir y publicar animaciones rápidamente

Este artículo guía a los desarrolladores de plugins por la creación de plugins de Animate compatibles con plataformas personalizadas. Para crear un plugin de compatibilidad con plataformas personalizadas, los desarrolladores deben descargar el kit de desarrollo de compatibilidad con plataformas personalizadas desde esta ubicación:

Descargue un plugin de muestra de la siguiente ubicación y úselo como referencia para crear un plugin de compatibilidad con plataformas personalizadas:

Descargar

Descargar

Un plugin consta de los siguientes elementos:

  • DocType añade un nuevo tipo de documento para la plataforma personalizada en Animate y controla las funciones de creación.
  • Publisher permite configurar la configuración de publicación y publicar el documento en la plataforma personalizada.

Para obtener una descripción general de la función de compatibilidad con plataformas personalizadas, consulte Compatibilidad con plataformas personalizadas

Creación de un plugin de Animate con compatibilidad con plataformas personalizadas

Puede desarrollar un plugin de compatibilidad con plataformas personalizadas mediante uno de los métodos siguientes:

  • Cree un plugin mediante las API del kit de desarrollo de compatibilidad con plataformas personalizadas.
  • Modifique la configuración del plugin de muestra incluido en el kit de desarrollo para adaptarlo a sus necesidades.

Los complementos de compatibilidad con plataformas personalizadas se comprimen como archivos .zxp que se pueden instalar con Animate. Puede incluir el plugin en la página Adobe Add-ons para que los usuarios lo descarguen e instalen mediante la aplicación Creative Cloud o distribuirlo como un paquete .zxp para instalarlo con Adobe Extensions Manager.

Requisitos del software

Un desarrollador necesitará el software siguiente para crear un plugin con el kit de desarrollo de compatibilidad con plataformas personalizadas. 

  • Microsoft Windows 7 o Apple Mac OS 10.8 y posterior 
  • Microsoft Visual Studio 2012 (para Windows) o XCode 4.5.2 (para Mac)
  • Animate CC 2014.1 (Octubre)
  • Eclipse IDE para desarrolladores de C/C++
  • Adobe Extension Builder 3.0
  • Adobe Extension Manager 7.2.1.6

Documentación de referencia de API para desarrolladores de plugins

El kit de desarrollo de compatibilidad con plataformas personalizadas contiene los siguientes elementos:

  • FCM (modelo de componente de Flash): Los archivos de encabezado contenidos en el kit de desarrollo definen una estructura denominada FCM, que se encarga de la administración de plugins.
  • DocType: Este elemento contiene un conjunto de interfaces que le ayudan a añadir un nuevo tipo de documento a la página de inicio de Animate y le permiten activar o desactivar funciones para el tipo de documento personalizado.
  • DOM (modelo de objetos de documento): Este elemento contiene un conjunto de interfaces que le ayudan a acceder al contenido del documento de Animate en forma de DOM. 
  • Publisher: Este elemento contiene un conjunto de interfaces que proporcionan código para los flujos de trabajo de publicación.

Para obtener información sobre las API en la compatibilidad con plataformas personalizadas y ejemplos de cómo utilizarlas para crear el plugin, consulte Referencia a las API de compatibilidad con plataformas personalizadas.

Creación de un plugin de compatibilidad con plataformas personalizadas

Puede crear un plugin de compatibilidad con plataformas personalizadas de la siguiente manera:

  1. Descargue el Kit de desarrollo de compatibilidad con plataformas personalizadas.
  2. Extraiga el contenido del kit en su equipo.
  3. Abra un nuevo proyecto en VisualStudio o XCode e incluya los archivos de encabezado del kit de desarrollo en el proyecto de desarrollo de software. Para iniciar con rapidez la creación del plugin de compatibilidad con plataformas personalizadas, puede utilizar el siguiente plugin de muestra disponible en el directorio SampleCreateJSPlatform como código base para su proyecto de plugin.
  4.             Por ejemplo, los archivos de plugins SampleCreateJS están en                         SampleCreateJSPlatform\Plugin\SampleCreateJS\project\

  5. Realice los cambios necesarios para la plataforma de destino.
  6. Compile el código para generar un plugin (.dll o .plug-in). 

Empaquetado del plugin de compatibilidad con plataformas personalizadas

Puede generar un paquete de distribución del plugin de compatibilidad con plataformas personalizadas de la siguiente manera:

  1. Abra el archivo Eclipse de muestra o, en el New Project wizard (Asistente de nuevo proyecto) de Eclipse, cree un nuevo Application Extension Project (Proyecto de extensión de aplicación). Proporcione un nombre para el proyecto y haga clic en Next (Siguiente).
  2. En el panel New Adobe Application Extension Project (Nuevo proyecto de extensión de aplicación de Adobe), elija Adobe Animate como aplicación de destino y haga clic en Siguiente.
  3. Cambie las extensiones de los archivos del plugin que haya creado de .dll a .fcm en Windows y de .plug-in a .fcm.plug-in en Mac y añada los archivos del plugin al proyecto (ExtensionContent/plugins/lib/win para Windows y ExtensionContent/plugins/lib/mac para Mac). 
  4. Para configurar la extensión, modifique el archivo manifest.xml. Para abrir el archivo de manifiesto, haga clic con el botón derecho en la extensión en el explorador del proyecto, seleccione Adobe Extension Builder 3 > Bundle Manifest Editor (Editor de manifiestos de paquete) y seleccione la ficha de manifiesto en Bundle Manifest Editor de EclipseProject\.staged-extension\CSXS.
  5. Para poder editar el archivo manifest.xml, haga clic con el botón derecho dentro de la ventana y seleccione Open with (Abrir con) > XML Editor (Editor XML). Las dos etiquetas en las que se debe centrar son: ExtensionList y DispatchInfoList:

    Una etiqueta típica de ExtensionList es la siguiente:

<ExtensionList>

        <Extension Id=&quot;PluginID&quot; Version=&quot;1.0&quot; />

        <Extension Id=&quot;PublishSettingsID&quot; Version-&quot;1.0&quot; />

</ExtensionList>

 

Esta etiqueta contiene la lista de extensiones en el paquete ZXP final, en el que cada extensión tiene una cadena única como su ID. En este caso, el archivo .dll o .plugin creado en la sección anterior se incluye en una extensión. A continuación, se utiliza la otra extensión para configurar la IU de Ajustes de publicación del editor. En la muestra de la etiqueta ExtensionList, la extensión con el ID de extensión PluginID contiene el archivo .dll/.plugin y la extensión con el ID PublishSettingsID configura la IU de ajustes de publicación del editor.

 

  1. La etiqueta DispatchInfoList contiene detalles sobre cada extensión mencionada en ExtensionList. A continuación se muestra un ejemplo de DispathInfoList:
<DispatchInfoList>
            <Extension Id=&quot;PluginID&quot;>
                    <DispatchInfo >
                            <Resources>
                            <MainPath>./plugin/fcm.xml</MainPath>
                            </Resources>
                            <Lifecycle>
                            <AutoVisible>true</AutoVisible>
                            </Lifecycle>
                            <UI>
                                <Type>ModalDialog</Type>
                                <Menu>CreateJS</Menu>
                                <Geometry>
                                     <Size>
                                           <Height>200</Height>
                                           <Width>200</Width>
                                     </Size>
                                 </Geometry>
                             </UI>
                    </DispatchInfo>
        </Extension>
        <Extension Id=&quot;PublishSettingsID&quot;>
                    <DispatchInfo >
                            <Resources>
                            <MainPath>./index.html</MainPath>
                            </Resources>
                            <Lifecycle>
                                    <AutoVisible>true</AutoVisible>
                            </Lifecycle>
                            <UI>
                                    <Type>ModalDialog</Type>
                                    <Menu>Publish Settings</Menu>
                                    <Geometry>
                                         <Size>
                                                <Height>170</Height>
                                                 <Width>486</Width>
                                          </Size>
                                    </Geometry>
                            </UI>
                    </DispatchInfo>
           </Extension>
</DispatchInfoList>
  1. Para la extensión que contenga el archivo .dll o .plugin, puede ignorar todas las etiquetas excepto la etiqueta MainPath. La etiqueta MainPath contiene la ruta al archivo fcm.xml relativa a la carpeta ExtensionContent. Debe cambiar el nombre del archivo .dll a .fcm y colocarlo dentro de la carpeta win, junto al archivo fcm.xml. Del mismo modo, si está trabajando en un entorno de Mac, cambie el nombre del archivo de .plugin a .fcm.plugin y colóquelo dentro de la carpeta Mac, junto al archivo fcm.xml.
  2. La extensión HTML para configurar la interfaz de usuario de los ajustes de publicación es una extensión HTML para Animate. Para obtener más información sobre las extensiones HTML para Animate, consulte Creación de extensiones HTML.
  3. Asegúrese de que el valor más bajo del atributo de la versión en la etiqueta Host sea 14.0, la versión mínima (interna) de Animate compatible con plataformas personalizadas.
<ExecutionEnvironment> <HostList> <Host Name=&quot;FLPR&quot; Version=&quot;14.0&quot; /> </HostList>.
.
.
</ExecutionEnvironment>
     
  1. Cambie a la vista Script Explorer (Explorador de scripts) para poder hacer clic con el botón secundario en el proyecto y seleccionar Export (Exportar) > Adobe Extension Builder 3 > Application Extension (Extensión de aplicación). Aparece el Export Wizard (Asistente de exportación).
  2. Debe tener un certificado para firmar el paquete de la extensión. Busque un certificado existente o haga clic en Create (Crear) para crear uno nuevo.
  3. Haga clic en Finish (Finalizar) para compilar el proyecto. Eclipse genera un archivo de plugin con la extensión .zxp, que se puede incluir en el sitio Adobe Add-ons.

Distribución del plugin de compatibilidad con plataformas personalizadas

Puede distribuir el plugin de compatibilidad con plataformas personalizadas si lo incluye en la página Adobe Add-ons y lo comercializa. Antes de incluirlo en la página, Adobe analiza el paquete de plugin y lo aprueba. Puede incluir un plugin del modo siguiente:

  1. Inicie sesión en la página Adobe Add-ons con su ID de usuario de Adobe y contraseña. 
  2. En el panel izquierdo, en Hacerse productor, haga clic en el vínculo Ir al portal para productores.
  3. Haga clic en el botón Iniciar sesión si no ha iniciado sesión como productor.
  4. Para obtener instrucciones detalladas sobre cómo registrarse como productor e incluir sus plugins, consulte Introducción al portal para productores.
  5. Realice los pasos siguientes en el flujo de trabajo del portal para productores como se indica en la página Introducción al portal para productores:
    1. Empaquete el producto en un solo archivo.
    2. Especifique la información sobre el producto y cargue el archivo.
    3. Añada recursos de marketing.
    4. Previsualice el producto.
    5. Envíe el producto para su aprobación.
  6. Tras la aprobación, el plugin aparecerá en la categoría de productos de Animate en la página Add-ons. 

 Si es un usuario que desea instalar un plugin, crear un documento para plataformas personalizadas y publicarlo con Animate, consulte Uso de plugins de compatibilidad con plataformas personalizadas.

Para obtener información sobre la administración de extensiones de Adobe, consulte Descargar e instalar extensiones.

Solicitud de funciones e informes de errores

Rellene el formulario siguiente si desea enviar preguntas, consultas, errores de producto o solicitudes de funciones al equipo del producto Animate:

Formulario de informes de errores y solicitudes de funciones de Adobe

Logotipo de Adobe

Inicia sesión en tu cuenta