Guia do Usuário Cancelar

Ativação do suporte para plataformas personalizadas

  1. Guia do Usuário do Adobe Animate
  2. Introdução ao Animate
    1. Novidades no Animate
    2. Glossário visual
    3. Requisitos de sistema do Animate
    4. Atalhos de teclado do Animate
    5. Trabalhar com vários tipos de arquivo no Animate
  3. Animação
    1. Noções básicas de animação no Animate
    2. Como usar quadros e quadros-chave no Animate
    3. Animação quadro a quadro no Animate
    4. Como trabalhar com animação de interpolação clássica no Animate
    5. Ferramenta Pincel
    6. Guia de movimento
    7. Interpolação de movimento e ActionScript 3.0
    8. Sobre a animação com interpolação de movimento
    9. Animações de interpolação de movimento
    10. Criação de uma animação de interpolação de movimento
    11. Utilização dos quadros-chave de propriedade
    12. Animação de posição com uma interpolação
    13. Editar interpolações de movimento usando o Motion Editor
    14. Edição do caminho de movimento de uma animação de interpolação
    15. Manipulação de interpolações de movimento
    16. Adição de atenuações personalizadas
    17. Criação e aplicação das predefinições de movimento
    18. Configuração de extensões de interpolação de animação
    19. Trabalhar com interpolações de movimento salvas como arquivos XML
    20. Interpolações de movimento e interpolações clássicas
    21. Interpolação de formas
    22. Uso da animação da ferramenta Bone no Animate
    23. Trabalhar com manipulação de caracteres no Animate
    24. Como usar camadas de máscara no Adobe Animate
    25. Como trabalhar com cenas no Animate
  4. Interatividade
    1. Como criar botões com o Animate
    2. Converter projetos do Animate em outros formatos de tipo de documento
    3. Criação e publicação de documentos HTML5 Canvas no Animate
    4. Adicionar interatividade com snippets de código no Animate
    5. Criar componentes HTML5 personalizados
    6. Uso de componentes do HTML5 Canvas
    7. Criação de componentes personalizados: exemplos
    8. Snippets de código para componentes personalizados
    9. Práticas recomendadas - Publicidade com o Animate
    10. Criação e publicação de Realidade virtual
  5. Fluxo de trabalho e espaço de trabalho
    1. Criação e gerenciamento de pincéis
    2. Uso de Google Fonts em documentos HTML5 Canvas
    3. Uso das Bibliotecas da Creative Cloud e do Adobe Animate
    4. Uso dos painéis Palco e Ferramentas do Animate
    5. Fluxo e espaço de trabalho do Animate
    6. Uso de fontes da Web em documentos HTML5 Canvas
    7. Linhas de tempo e ActionScript
    8. Trabalhar com múltiplas linhas de tempo
    9. Definir preferências
    10. Uso de painéis de criação do Animate
    11. Criar camadas na linha do tempo com o Animate
    12. Exportar animações para aplicativos móveis e mecanismos de jogo
    13. Mover e copiar objetos
    14. Modelos
    15. Localização e substituição no Animate
    16. Desfazer, refazer e o painel de Histórico
    17. Atalhos de teclado
    18. Como usar a linha do tempo no Animate
    19. Criação de extensões HTML
    20. Opções de otimização para imagens e GIFs animados
    21. Configurações de exportação para imagens e GIFs
    22. Painel Ativos no Animate
  6. Multimídia e vídeo
    1. Transformação e combinação de objetos gráficos no Animate
    2. Criar e trabalhar com instâncias do símbolo no Animate
    3. Traçado de imagem
    4. Como usar som no Adobe Animate
    5. Exportação de arquivos SVG
    6. Criação de arquivos de vídeo para uso no Animate
    7. Como adicionar vídeos no Animate
    8. Trabalhar com pontos de sinalização de vídeo
    9. Desenhar e criar objetos com o Animate
    10. Remodelação de linhas e formas
    11. Traçados, preenchimentos e gradientes com o Animate CC
    12. Trabalhar com o Adobe Premiere Pro e o After Effects
    13. Painéis de cor no Animate CC
    14. Abrir arquivos do Flash CS6 com o Animate
    15. Trabalho com texto clássico no Animate
    16. Aplicação de ilustração final no Animate
    17. Bitmaps importados no Animate
    18. Gráficos em 3D
    19. Trabalhar com símbolos no Animate
    20. Desenhar linhas e formas com o Adobe Animate
    21. Trabalho com bibliotecas no Animate
    22. Exportação de sons
    23. Seleção de objetos no Animate CC
    24. Trabalho com arquivos AI do Illustrator no Animate
    25. Aplicação de padrões com a ferramenta Pincel de borrifar
    26. Aplicação de modos de mesclagem
    27. Organização de objetos
    28. Automação de tarefas com o menu Comandos
    29. Texto multilíngue
    30. Uso de câmera no Animate
    31. Uso do Animate com o Adobe Scout
    32. Trabalhar com arquivos Fireworks
    33. Filtros gráficos
    34. Som e ActionScript
    35. Preferências de desenho
    36. Desenho com a ferramenta Caneta
  7. Plataformas
    1. Converter projetos do Animate em outros formatos de tipo de documento
    2. Suporte da plataforma personalizada
    3. Criação e publicação de documentos HTML5 Canvas no Animate
    4. Criação e publicação de um documento WebGL
    5. Compactação de aplicativos no AIR para iOS
    6. Publicação de AIR em aplicativos Android
    7. Publicação no Adobe AIR para desktop
    8. Configurações de publicação do ActionScript
    9. Práticas recomendadas - Organização do ActionScript em um aplicativo
    10. Como usar ActionScript com o Animate
    11. Práticas recomendadas - Diretrizes de acessibilidade
    12. Acessibilidade no espaço de trabalho do Animate
    13. Programação e gerenciamento de scripts
    14. Ativação do suporte para plataformas personalizadas
    15. Visão geral do suporte da plataforma personalizada
    16. Criação de conteúdo acessível
    17. Trabalhar com plug-ins personalizados de suporte da plataforma
    18. Depuração do ActionScript 3.0
    19. Ativação do suporte para plataformas personalizadas
  8. Publicação e exportação
    1. Exportação de arquivos do Animate CC
    2. Publicação OAM
    3. Exportação de arquivos SVG
    4. Exportar gráficos e vídeos com o Animate
    5. Publicação de documentos AS3
    6. Exportar animações para aplicativos móveis e mecanismos de jogo
    7. Exportação de sons
    8. Exportação de arquivos de vídeo QuickTime
    9. Controle de reprodução de vídeo externo com o ActionScript
    10. Práticas recomendadas - Dicas para a criação de conteúdo em dispositivos móveis
    11. Práticas recomendadas - Convenções de vídeo
    12. Práticas recomendadas - Diretrizes de criação de aplicativos SWF
    13. Práticas recomendadas - Estruturação de arquivos FLA
    14. Práticas recomendadas para otimizar arquivos FLA para o Animate
    15. Configurações de publicação do ActionScript
    16. Especificar configurações de publicação para o Animate
    17. Exportação de arquivos projetores
    18. Exportar imagens e GIFs animados
    19. Modelos de publicação HTML
    20. Trabalhar com o Adobe Premiere Pro e o After Effects
    21. Compartilhar e publicar animações rapidamente

Este artigo guia os desenvolvedores de plug-in sobre como criar plug-ins do Animate compatíveis com as plataformas personalizadas usando o Animate.

Para criar um plug-in personalizado de suporte para a plataforma, é necessário que os desenvolvedores tenham o Kit de desenvolvimento para suporte da plataforma personalizada. Clique aqui para baixar.

  1. Escolha SDK de plataforma personalizada do Animate na guia Downloads
  2. Selecione a versão 2020 do SDK
  3. Selecione Plataforma cruzada
  4. Selecione a opção Animate 20.0 (mais recente) para download.

Clique aqui para baixar um plug-in de amostra e usá-lo como referência para compilar um plug-in de suporte para a plataforma personalizado. 

  1. Escolha SDK de plataforma personalizada do Animate na guia Downloads.
  2. Selecione a versão 2020 do SDK
  3. Selecione Plug-in de amostra

Um plug-in é composto dos seguintes elementos:

  • O DocType adiciona um novo tipo de documento à plataforma personalizada no Animate e controla os recursos autorais.
  • O autor permite a configuração dos ajustes de publicação e publica o documento na plataforma personalizada.

Para obter uma visão geral do recurso de Suporte da plataforma personalizada, consulte Suporte da plataforma personalizada

Criação de um plug-in para suporte da plataforma personalizada para o Animate

É possível criar um plug-in para suporte da plataforma personalizada usando um dos seguintes métodos:

  • Crie um plug-in usando as APIs no kit de desenvolvimento para suporte da plataforma personalizada.
  • Personalize as configurações da amostra do plug-in incluída no kit de desenvolvimento para atender às suas exigências.

Os plug-ins para suporte da plataforma personalizada são compactados como arquivos .zxp e podem ser instalados com o Animate. É possível hospedar o plug-in na página Adobe Add-ons para que os usuários baixem e instalem o aplicativo Creative Cloud ou distribuir os plug-ins como pacotes .zxp para instalá-los usando o utilitário Gerenciar extensões.

Exigências do software

Um desenvolvedor precisa do seguinte software para criar um plug-in usando o kit de desenvolvimento para suporte da plataforma personalizada: 

  • Microsoft Windows 10 (1803 e versões mais recentes) ou sistema operacional Apple Mac 10.13 e versões mais recentes
  • Microsoft Visual Studio 2017 (para Windows) ou XCode 10.1 (para Mac)
  • Animate
  • Eclipse IDE para desenvolvedores C/C++
  • Adobe Extension Builder 3.0
  • Utilitário Gerenciar extensões

Documentação de referência da API para desenvolvedores de plug-in

O kit de desenvolvimento para suporte da plataforma personalizada contém os seguintes elementos:

  • FCM (Flash Component Model): os cabeçalhos do kit de desenvolvimento definem um framework com nome de FCM, que é responsável pelo gerenciamento do plug-in.
  • DocType: contém um conjunto de interfaces que ajuda você a adicionar um novo tipo de documento à página inicial do Animate e permite que você ative ou desative os recursos do tipo de documento personalizado.
  • DOM (Document Object Model): contém um conjunto de interfaces que ajuda você a acessar os conteúdos do documento Animate em formato DOM. 
  • Autor: contém um conjunto de interfaces que oferecem ganchos para os fluxos de trabalho de publicação.

Para obter informações completas sobre as APIs no suporte da plataforma personalizada e exemplos sobre como usá-las para criar seu plug-in, consulte Referência da API para suporte da plataforma personalizada.

Como criar um plug-in para suporte da plataforma personalizada

É possível criar um plug-in para suporte da plataforma personalizada da seguinte maneira:

  1. Baixe o Kit de desenvolvimento para suporte da plataforma personalizada.
  2. Extraia os conteúdos do kit para o seu computador.
  3. Abra um novo projeto no VisualStudio ou Xcode e inclua os cabeçalhos no kit de desenvolvimento para seu projeto de desenvolvimento de software. Para agilizar a criação do seu plug-in para suporte da plataforma personalizada, é possível usar a amostra de plug-in disponível no diretório SampleCreateJSPlatform como o código base para seu projeto de plug-in.
  4.             Por exemplo, os arquivos de plug-in SampleCreateJS estão em                         SampleCreateJSPlatform\Plugin\SampleCreateJS\project\

  5. Faça as mudanças necessárias para a sua plataforma-alvo.
  6. Colete o código para gerar um plug-in (.dll ou .plug-in). 

Como compactar o plug-in para suporte da plataforma personalizada

É possível gerar um pacote para distribuição do plug-in para suporte da plataforma personalizada da seguinte maneira:

  1. Abra a amostra do arquivo Eclipse ou o assistente Eclipse New Project e crie um novo Projeto de extensão de aplicativo. Dê um nome ao projeto e clique em Avançar.
  2. No painel do Novo projeto de extensão de aplicativo da Adobe, escolha Adobe Animate como o aplicativo alvo e clique em Avançar.
  3. Altere as extensões dos arquivos de plug-ins que você criou de .dll para .fcm no Windows e de .plug-in para .fcm.plug-in no Mac e adicione arquivos de plug-in ao projeto (ExtensionContent/plugins/lib/win para Windows e ExtensionContent/plugins/lib/mac para MAC). 
  4. Configure sua extensão modificando o manifest.xml. Para abrir o arquivo manifesto, clique com o botão direito do mouse na extensão no project explorer e selecione Adobe Extension Builder 3 > Bundle Manifest Editor, e depois selecione a guia manifesto no Bundle Manifest Editor presente em EclipseProject\.staged-extension\CSXS.
  5. Para habilitar a edição do manifest.xml, clique com o botão da direita do mouse dentro da janela e selecione Abrir como > editor XML. As duas tags em que você deve se concentrar são: ExtensionList e DispatchInfoList:

    Uma tag ExtensionList típica tem aparência como abaixo:

<ExtensionList>

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

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

</ExtensionList>

 

Esta tag contém a lista de extensões no pacote ZXP final, em que cada extensão tem um string único como ID. Neste caso, o arquivo .dll ou .plugin criado na seção anterior está incluído em uma extensão. Então, a outra extensão é usada para configurar a IU de Configurações de publicação do Publicador. Na amostra, a tag ExtensionList da extensão com a ID de extensão PluginID contém o arquivo .dll/.plugin e a extensão com a ID PublishSettingsID configura a das IU configurações de publicação do publicador.

 

  1. A tag DispatchInfoList contém detalhes sobre cada extensão mencionada na ExtensionList. A seguir está um exemplo 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 a extensão que contém o arquivo .dll ou .plugin, você pode ignorar todas as tags exceto a tag MainPath. A tag MainPath contém o caminho para o arquivo fcm.xml relativo à pasta ExtensionContent. Você deve renomear o arquivo .dll para .fcm e colocá-lo dentro da pasta win junto do fcm.xml. Da mesma forma, se você está trabalhando no ambiente Mac, renomeie o arquivo .plugin para .fcm.plugin e coloque-o dentro da pasta mac junto do fcm.xml.
  2. A extensão HTML para configurar a interface de usuário das configurações de publicação é uma extensão HTML para Animate. Para saber mais sobre extensões HTML para Animate, consulte Criação de extensões HTML.
  3. Verifique se o valor mais baixo do atributo da versão na tag Host é 15.1, a versão mínima (interna) do Animate com suporte da plataforma personalizada.

<ExecutionEnvironment> <HostList> <Host Name=&quot;FLPR&quot; Version=&quot;15.1&quot; /> </HostList>.
.
.
</ExecutionEnvironment>
     
  1. Altere para a visualização Script Explorer, clique com o botão direito do mouse em seu projeto e escolha Exportar > Adobe Extension Builder 3 > Extensão de aplicativo. O Export Wizard é exibido.
  2. É necessário ter um certificado para assinar o pacote de extensão. Navegue até um certificado existente ou clique em Criar para criar um novo certificado.
  3. Clique em Concluir para compilar o projeto. O Eclipse gera um arquivo de plug-in com extensão .zxp, o qual você pode hospedar no site Adobe Add-ons.

Como distribuir seu plug-in para suporte da plataforma personalizada

É possível distribuir o plug-in para suporte da plataforma hospedando-o na página Adobe Add-ons e monetizando-o. Seu pacote de plug-in é analisado e aprovado pela Adobe antes de ser listado na página. É possível hospedar um plug-in da seguinte maneira:

  1. Faça o login na página Adobe Add-ons usando sua ID de usuário e senha da Adobe.
  2. No painel esquerdo, abaixo de Torne-se um desenvolvedor, clique no link Vá até o portal do desenvolvedor.
  3. Clique no botão de Inscrição se você ainda não se inscreveu como desenvolvedor.
  4. Para obter instruções detalhadas sobre como se inscrever como um desenvolvedor e hospedar seus plug-ins, consulte Introdução ao portal do desenvolvedor.
  5. Realize as etapas a seguir no fluxo de trabalho do portal do desenvolvedor conforme documentado na página Introdução:
    1. Compacte seu produto em um único arquivo.
    2. Insira informações sobre o produto e faça o upload do arquivo.
    3. Adicione ativos de marketing.
    4. Pré-visualize seu produto.
    5. Envie seu produto e aguarde a aprovação.
  6. Após a aprovação, seu plug-in é listado na categoria de produtos do Animate na página Complementos. 

 Se você desejar instalar um plug-in, criar um documento de plataforma personalizada e publicar usando o Animate, consulte Trabalho com plug-ins para suporte da plataforma personalizada.

Para obter informações completas sobre o gerenciamento das extensões da Adobe, consulte Download e instalação de extensões.

Solicitações de recurso e relatório de bug

Preencha o formulário abaixo caso queira enviar dúvidas, comentários ou relatar problemas no produto para a equipe do Animate:

Solicitação de recursos e Formulário do relatório de erros da Adobe

Logotipo da Adobe

Fazer logon em sua conta