Ondersteuning voor aangepaste platforms inschakelen

  1. Adobe Animate-handboek
  2. Inleiding tot Animate
    1. Nieuw in Animate
    2. Visuele verklarende woordenlijst
    3. Systeemvereisten voor Animate
    4. Animate-sneltoetsen
    5. Werken met meerdere bestandstypen in Animate
  3. Animatie
    1. Grondbeginselen voor animaties in Animate
    2. Frames en hoofdframes gebruiken in Animate
    3. Frame-voor-frame-animaties in Animate
    4. Werken met klassieke tween-animaties in Animate
    5. De tool Penseel
    6. Hulplijnen voor bewegingen
    7. Bewegings-tween en ActionScript 3.0
    8. Informatie over animaties met bewegings-tween
    9. Animaties met bewegings-tweens
    10. Een animatie met bewegings-tween maken
    11. Eigenschapshoofdframes gebruiken
    12. Een positie animeren met een tween
    13. Bewegings-tweens bewerken in de Bewegingseditor
    14. Het bewegingspad van een tween-animatie bewerken
    15. Bewegings-tweens manipuleren
    16. Aangepaste versnellingen toevoegen
    17. Voorinstellingen voor beweging maken en toepassen
    18. Animatietween-reeksen instellen
    19. Werken met als XML-bestanden opgeslagen bewegings-tweens
    20. Bewegings-tweens en klassieke tweens
    21. Vormen tweenen
    22. De tool Bone-animatie gebruiken in Animate
    23. Werken met structuren voor personages in Animate
    24. Maskeerlagen gebruiken in Adobe Animate
    25. Werken met scènes in Animate
  4. Interactiviteit
    1. Knoppen maken met Animate
    2. Animate-projecten converteren naar andere documentindelingen
    3. HTML5 Canvas-documenten maken en publiceren in Animate
    4. Interactiviteit toevoegen met codefragmenten in Animate
    5. Aangepaste HTML5-componenten maken
    6. Componenten in HTML5 Canvas gebruiken
    7. Maken van aangepaste componenten: Voorbeelden
    8. Codefragmenten voor aangepaste componenten
    9. Tips en trucs: Adverteren met Animate
    10. Ontwerp en publicatie van virtual reality
  5. Werkruimte en workflow
    1. Penselen maken en beheren
    2. Google-lettertypen gebruiken in HTML5 Canvas-documenten
    3. Creative Cloud Libraries en Adobe Animate gebruiken
    4. Het werkgebied en het deelvenster Tools voor Animate gebruiken
    5. Workflow en werkruimte in Animate
    6. Weblettertypen gebruiken in HTML5 Canvas-documenten
    7. Tijdlijnen en ActionScript
    8. Werken met meerdere tijdlijnen
    9. Voorkeuren instellen
    10. Deelvensters voor ontwerp in Animate gebruiken
    11. Tijdlijnlagen maken met Animate
    12. Animaties exporteren voor mobiele apps en game-engines
    13. Objecten verplaatsen en kopiëren
    14. Sjablonen
    15. Zoeken en vervangen in Animate
    16. Ongedaan maken, Opnieuw en het deelvenster Historie
    17. Sneltoetsen
    18. De tijdlijn gebruiken in Animate
    19. HTML-extensies maken
    20. Optimalisatieopties voor afbeeldingen en geanimeerde GIF-bestanden
    21. Exportinstellingen voor afbeeldingen en GIF-bestanden
    22. Deelvenster Elementen in Animate
  6. Multimedia en video
    1. Grafische objecten transformeren en combineren in Animate
    2. Symboolinstanties maken in Animate en ermee werken
    3. Afbeeldingen overtrekken
    4. Geluid gebruiken in Adobe Animate
    5. SVG-bestanden exporteren
    6. Videobestanden maken voor gebruik in Animate
    7. Een video toevoegen in Animate
    8. Werken met videoactiepunten
    9. Objecten tekenen en maken met Animate
    10. Lijnen en vormen omvormen
    11. Streken, verlopen en vullingen met Animate CC
    12. Werken met Adobe Premiere Pro en After Effects
    13. Deelvensters voor kleuren in Animate CC
    14. Flash CS6-bestanden openen met Animate
    15. Werken met klassieke tekst in Animate
    16. Illustraties opnemen in Animate
    17. Geïmporteerde bitmaps in Animate
    18. 3D-afbeeldingen
    19. Werken met symbolen in Animate
    20. Lijnen en vormen tekenen met Adobe Animate
    21. Werken met bibliotheken in Animate
    22. Geluiden exporteren
    23. Objecten selecteren in Animate CC
    24. Werken met Illustrator AI-bestanden in Animate
    25. Patronen toepassen met het sproeipenseel
    26. Overvloeimodi toepassen
    27. Objecten rangschikken
    28. Taken automatiseren met het menu Opdrachten
    29. Meertalige tekst
    30. De camera gebruiken in Animate
    31. Animate gebruiken met Adobe Scout
    32. Werken met Fireworks-bestanden
    33. Grafische filters
    34. Geluid en ActionScript
    35. Tekenvoorkeuren
    36. Tekenen met de pen
  7. Platforms
    1. Animate-projecten converteren naar andere documentindelingen
    2. Ondersteuning voor aangepaste platforms
    3. HTML5 Canvas-documenten maken en publiceren in Animate
    4. Een WebGL-document maken en publiceren
    5. Toepassingen verpakken voor AIR voor iOS
    6. AIR voor Android-toepassingen publiceren
    7. Publiceren voor Adobe AIR voor desktop
    8. Publicatie-instellingen voor ActionScript
    9. Tips en trucs: ActionScript organiseren in een toepassing
    10. ActionScript gebruiken met Animate
    11. Tips en trucs: Richtlijnen voor toegankelijkheid
    12. Toegankelijkheid in de Animate-werkruimte
    13. Scripts schrijven en beheren
    14. Ondersteuning voor aangepaste platforms inschakelen
    15. Overzicht van ondersteuning voor aangepaste platforms
    16. Toegankelijke inhoud maken
    17. Werken met plug-in voor ondersteuning voor aangepaste platforms
    18. Foutopsporing in ActionScript 3.0
    19. Ondersteuning voor aangepaste platforms inschakelen
  8. Exporteren en publiceren
    1. Bestanden exporteren uit Animate CC
    2. OAM-publicatie
    3. SVG-bestanden exporteren
    4. Afbeeldingen en video's exporteren met Animate
    5. AS3-documenten publiceren
    6. Animaties exporteren voor mobiele apps en game-engines
    7. Geluiden exporteren
    8. QuickTime-videobestanden exporteren
    9. Afspelen van externe video met ActionScript beheren
    10. Tips en trucs: Tips voor het maken van inhoud voor mobiele apparaten
    11. Tips en trucs: Videoconventies
    12. Tips en trucs: Richtlijnen voor het ontwerpen van SWF-toepassingen
    13. Tips en trucs: Structuur geven aan FLA-bestanden
    14. Beste werkwijzen voor het optimaliseren van FLA-bestanden voor Animate
    15. Publicatie-instellingen voor ActionScript
    16. Publicatie-instellingen opgeven voor Animate
    17. Projectorbestanden exporteren
    18. Afbeeldingen en geanimeerde GIF-bestanden exporteren
    19. HTML-publicatiesjablonen
    20. Werken met Adobe Premiere Pro en After Effects
    21. Snel uw animaties delen en publiceren

Dit artikel helpt de ontwikkelaars van insteekmodules bij het maken van Animate-insteekmodules voor de ondersteuning van aangepaste platforms met gebruik van Animate.

Om een insteekmodule te maken voor ondersteuning van aangepaste platforms hebben ontwikkelaars de 'Custom Platform Support Development Kit' nodig. Klik hier om deze te downloaden.

  1. Kies 'Animate Custom Platform SDK' op het tabblad Downloads
  2. Selecteer de SDK-versie 2019
  3. Selecteer Geschikt voor verschillende platforms en
  4. Selecteer de optie Animate 19.2 (nieuwste) om te downloaden.

Klik hier om een voorbeeldinsteekmodule te downloaden en te gebruiken als referentie bij het bouwen van een insteekmodule voor ondersteuning van aangepaste platforms. 

  1. Kies Animate Custom Platform SDK op het tabblad Downloads.
  2. Selecteer de SDK-versie 2019
  3. Selecteer Voorbeeldinsteekmodule

Een insteekmodule bestaat uit de volgende elementen:

  • DocType voegt een nieuw documenttype toe voor het aangepaste platform in Animate en beheert de ontwerpfuncties.
  • Publisher staat de configuratie toe van de publicatie-instellingen en het publiceren van het document naar het aangepaste platform.

Voor een overzicht van de functie Ondersteuning voor aangepaste platforms raadpleegt u Ondersteuning voor aangepaste platforms

Een Animate-insteekmodule voor ondersteuning voor aangepaste platforms maken

U kunt een insteekmodule voor ondersteuning voor aangepaste platforms ontwikkelen met behulp van een van de volgende methoden:

  • Maak een insteekmodule met de API's in de ontwikkelingskit voor ondersteuning voor aangepaste platforms.
  • Pas de instellingen van de voorbeeldinsteekmodule in de ontwikkelingskit aan volgens uw behoeften.

Insteekmodules voor de ondersteuning van aangepaste platforms zijn verpakt als .zxp-bestanden die kunnen worden geïnstalleerd met Animate. U kunt de insteekmodule hosten op de pagina Adobe Add-ons, zodat gebruikers deze kunnen downloaden en installeren met de Creative Cloud-toepassing of de insteekmodules distribueren als .zxp-pakketten om deze te installeren met het hulpprogramma Manage Extensions.

 

Softwarevereisten

Een ontwikkelaar heeft de volgende software nodig om een insteekmodule te maken met de ontwikkelingskit voor ondersteuning voor aangepaste platforms: 

  • Microsoft Windows 7 of Apple Mac OS 10.8 en later 
  • Microsoft Visual Studio 2012 (voor Windows) of XCode 4.5.2 (voor Mac)
  • Animate
  • Eclipse IDE for C/C++ Developers
  • Adobe Extension Builder 3.0
  • Manage Extensions-hulpprogramma

API-brondocumentatie voor ontwikkelaars van insteekmodules

De ontwikkelingskit voor ondersteuning voor aangepaste platforms bevat de volgende elementen:

  • FCM (Flash Component Model): De headerbestanden die in de ontwikkelingskit zijn opgenomen, definiëren een raamwerk genaamd FCM, dat verantwoordelijk is voor het beheren van insteekmodules.
  • DocType: Dit bevat een set met interfaces die u helpen om een nieuw documenttype toe te voegen aan de Animate-startpagina en die u kunt gebruiken om functies voor het aangepaste documenttype in en uit te schakelen.
  • DOM (Document Object Model): Dit bevat een set met interfaces die u helpen om toegang te krijgen tot de inhoud van het Animate-document in de vorm van een DOM. 
  • Publisher: Dit bevat een set met interfaces die koppelingen maken met de publicatieworkflows.

Voor meer informatie over de API's in de ondersteuning voor aangepaste platforms en voor voorbeelden over hoe u deze kunt gebruiken om uw insteekmodule te maken, raadpleegt u Bron voor API voor ondersteuning voor aangepaste platforms.

Een insteekmodule voor ondersteuning voor aangepaste platforms maken

U kunt als volgt een insteekmodule voor ondersteuning voor aangepaste platforms maken:

  1. Download de Ontwikkelingskit voor ondersteuning voor aangepaste platforms.
  2. Extraheer de inhoud van de kit naar uw computer.
  3. Open een nieuw project in VisualStudio of Xcode en neem de headerbestanden op in de ontwikkelingskit voor uw softwareontwikkelingsproject. Als u snel aan de start wilt gaan met het maken van uw insteekmodule voor ondersteuning voor aangepaste platforms, kunt u de volgende voorbeeldinsteekmodule gebruiken die beschikbaar is onder de SampleCreateJSPlatform-map als de basiscode voor uw insteekmoduleproject.
  4.             Bijvoorbeeld, de bestanden van de SampleCreateJS-insteekmodule bevinden zich in                         SampleCreateJSPlatform\Plugin\SampleCreateJS\project\

  5. Voer de nodige wijzigingen voor uw doelplatform uit.
  6. Compileer de code om een insteekmodule te genereren (.dll of .plug-in). 

De insteekmodule voor ondersteuning voor aangepaste platforms in een pakket plaatsen

U kunt als volgt een distribueerbaar pakket genereren van de insteekmodule voor ondersteuning voor aangepaste platforms:

  1. Open het Eclipse-voorbeeldbestand of maak een nieuw Application Extension Project in de Eclipse-wizard New Project (Nieuw project). Geef een naam op voor het project en klik op Next (Volgende).
  2. In het deelvenster New Adobe Application Extension Project kiest u Adobe Animate als de doeltoepassing en klik op Next (Volgende).
  3. Wijzig de extensies van de insteekmodulebestanden die u hebt gemaakt van .dll in .fcm in Windows en van .plug-in in .fcm.plug-in op Mac. Voeg vervolgens de insteekmodulebestanden toe aan het project (ExtensionContent/plugins/lib/win voor Windows en ExtensionContent/plugins/lib/mac voor Mac).
  4. Configureer uw extensie door wijziging van manifest.xml. Als u het manifestbestand wilt openen, klikt u met de rechtermuisknop op de extensie in de projectverkenner en selecteert u Adobe Extension Builder 3 > Bundle Manifest Editor. Selecteer vervolgens het tabblad Manifest in de Bundle Manifest Editor op EclipseProject\.staged-extension\CSXS.
  5. Als u bewerking van manifest.xml mogelijk wilt maken, klikt u met de rechtermuisknop in het venster en selecteert u Openen met > XML-editor. U dient zich te richten op de volgende twee tags ExtensionList en DispatchInfoList:

    Een ExtensionList -tag ziet er doorgaans als volgt uit:

<ExtensionList>

        <Extension Id="PluginID" Version="1.0" />

        <Extension Id="PublishSettingsID" Version-"1.0" />

</ExtensionList>

 

Deze tag bevat de lijst met extensies in het uiteindelijke ZXP-pakket waarin de id van elke extensie uit een unieke tekenreeks bestaat. In dit geval wordt het in de vorige sectie gemaakte .dll- of .plugin-bestand opgenomen in een extensie. De andere extensie wordt vervolgens gebruikt om de interface voor publicatie-instellingen van de uitgever te configureren. In het voorbeeld van de tag ExtensionList bevat de extensie met de extensie-id PluginID het .dll-/.plugin-bestand en configureert de extensie met de id PublishSettingsID de interface voor publicatie-instellingen van de uitgever.

 

  1. De tag DispatchInfoList bevat gedetailleerde informatie over elke extensie die wordt vermeld in de ExtensionList. Hier volgt een voorbeeld van DispatchInfoList:
<DispatchInfoList>
            <Extension Id="PluginID">
                    <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="PublishSettingsID">
                    <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. Voor de extensie met het .dll- of het .plugin-bestand kunt u alle tags negeren, met uitzondering van de tag MainPath. De tag MainPath bevat het relatieve pad naar het bestandfcm.xml ten opzichte van de map ExtensionContent. U dient de naam van het .dll-bestand te veranderen in .fcm en dit in de map win naast fcm.xml te plaatsen. En als u aan de Mac-omgeving werkt, wijzigt u de naam van het .plugin-bestand in .fcm.plugin en plaatst u dit in de map mac naast fcm.xml.
  2. De HTML-extensie voor het configureren van de gebruikersinterface voor publicatie-instellingen is een HTML-extensie voor Animate. Zie HTML-extensies maken voor meer informatie over HTML-extensies voor Animate.
  3. Zorg dat de lagere waarde van het versiekenmerk in de tag Host gelijk is aan 15.1. Dit is de minimale (interne) versie van Animate met ondersteuning voor aangepaste platforms.

<ExecutionEnvironment>
<HostList>
<Host Name="FLPR" Version="15.1" />
</HostList>.
.
.
</ExecutionEnvironment>
     
  1. Ga naar de weergave Script Explorer om met de rechtermuisknop op uw project te klikken en selecteer Export (Exporteren) > Adobe Extension Builder 3 > Application Extension (Toepassingsextensie). De wizard Export (Exporteren) verschijnt.
  2. U moet een certificaat hebben om het extensiepakket te ondertekenen. Blader naar een bestaand certificaat of klik op Create (Maken) om een nieuw certificaat te maken.
  3. Klik op Voltooien om het project te compileren. Eclipse genereert een insteekmodulebestand met .zxp-extensie dat u kunt hosten op de Adobe Add-ons-site.

Uw insteekmodule voor ondersteuning voor aangepaste platforms distribueren

U kunt de insteekmodule voor ondersteuning voor aangepaste platforms distribueren door deze op de Adobe Add-ons-pagina te hosten en er geld mee te verdienen. Uw insteekmodulepakket moet eerst een controle- en goedkeuringsproces van Adobe doorlopen voordat dit op de pagina wordt weergegeven. U kunt als volgt een insteekmodule hosten:

  1. Meld u aan bij de pagina met Adobe-invoegtoepassingen met uw Adobe ID en wachtwoord. 
  2. Klik in het linkerdeelvenster onder Producent worden op de koppeling Naar de portal voor producenten.
  3. Klik op de knop Sign-up (Registreren) als u niet bent geregistreerd als producent.
  4. Voor gedetailleerde instructies over het registreren als producent en het hosten van uw insteekmodules raadpleegt u Getting Started with the Producer Portal (Aan de slag met de portal voor producenten).
  5. Voltooi de volgende stappen in de workflow van de portal voor producenten zoals bepaald in de pagina Getting Started (Aan de slag):
    1. Plaats uw product in een pakket met één bestand.
    2. Voer informatie in over het product en upload het bestand.
    3. Voeg marketingmiddelen toe.
    4. Geef een voorbeeld van uw product weer.
    5. Dien uw product in voor goedkeuring.
  6. Na goedkeuring wordt uw insteekmodule weergegeven onder de Animate-productcategorie op de pagina met invoegtoepassingen. 
Opmerking:

 

Functies aanvragen en bugs melden

Vul het volgende formulier in als u vragen wilt stellen aan het Animate-productteam, nieuwe functies wilt aanvragen, bugs wilt melden of een probleem hebt:

Adobe-formulier voor aanvragen van functies en melden van bugs

Adobe-logo

Aanmelden bij je account