Tijdlijnen en ActionScript

  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

ActionScript® biedt u de mogelijkheid de tijdlijn te besturen tijdens de uitvoering. Met ActionScript kunt u uw FLA-bestanden voorzien van interactie en andere functies die niet mogelijk zijn met alleen de tijdlijn.

ActionScript® biedt u de mogelijkheid de tijdlijn te besturen tijdens de uitvoering. Met ActionScript kunt u uw FLA-bestanden voorzien van interactie en andere functies die niet mogelijk zijn met alleen de tijdlijn.

Zie het onderwerp over tijdlijnen en ActionScript in de Help op het web voor meer informatie over het besturen van de tijdlijn met ActionScript.

Absolute paden

Een absoluut pad begint met de naam van het niveau waarin het document is geladen en loopt het weergaveoverzicht door totdat de doelinstantie is bereikt. U kunt ook de alias _root gebruiken om naar de bovenste tijdlijn op het huidige niveau te verwijzen. Een handeling in de filmclip california die naar de filmclip oregon verwijst, kan het absolute pad _root.westCoast.oregon gebruiken.

Het eerste document dat in Flash Player wordt geopend, wordt op niveau 0 geladen. U moet elk additioneel document dat wordt geladen een niveaunummer toewijzen. Wanneer u een absolute verwijzing in ActionScript gebruikt om naar een geladen document te verwijzen, gebruikt u het formulier _levelX, waar X het niveaunummer is waarin het document wordt geladen. Het eerste document dat bijvoorbeeld in Flash Player wordt geopend, krijgt de naam _level0 en een document dat in niveau 3 wordt geladen, krijgt de naam _level3.

Als u met documenten op verschillende niveaus wilt communiceren, moet u de niveaunaam in het doelpad gebruiken. In het volgende voorbeeld wordt getoond hoe de instantie portland de instantie atlanta zou adresseren, die zich in een filmclip met de naam georgia bevindt (georgia bevindt zich op hetzelfde niveau als oregon):

_level5.georgia.atlanta

U kunt de alias _root gebruiken om naar de hoofdtijdlijn op het huidige niveau te verwijzen. In het geval van de hoofdtijdlijn, staat de alias _root voor _level0 wanneer deze het doel is van een filmclip die zich ook op _level0 bevindt. Voor een document dat is geladen in _level5, staat _root gelijk aan _level5 wanneer deze het doel is van een filmclip die zich ook op niveau 5 bevindt. Als de filmclips southcarolina en florida beide in hetzelfde niveau worden geladen, kan een handeling die is aangeroepen via de instantie southcarolina het volgende absolute pad gebruiken om florida als doel in te stellen:

_root.eastCoast.florida

Relatieve paden

Een relatief pad is afhankelijk van de relatie tussen de beherende tijdlijn en de doeltijdlijn. Relatieve paden kunnen doelen alleen binnen hun eigen niveau van Flash Player adresseren. U kunt een relatief pad bijvoorbeeld niet in een handeling voor _level0 gebruiken, die een tijdlijn op _level5 als doel wil instellen.

Gebruik in een relatief pad het gereserveerde woord this om naar de huidige tijdlijn op het huidige niveau te verwijzen; gebruik de alias _parent om de bovenliggende tijdlijn van de huidige tijdlijn aan te geven. U kunt de alias _parent herhaaldelijk gebruiken om binnen hetzelfde niveau van Flash Player één niveau in de filmcliphiërarchie omhoog te gaan. Bijvoorbeeld _parent._parent beheert een filmclip die zich twee niveaus omhoog in de hiërarchie bevindt. De bovenste tijdlijn op een niveau van Flash Player is de enige tijdlijn met een waarde _parent die ongedefinieerd is.

Een handeling in de tijdlijn van de instantie charleston, gesitueerd één niveau onder southcarolina, kan het volgende doelpad gebruiken om de instantie southcarolina tot doel te maken:

_parent

Als u de instantie eastCoast (één niveau omhoog) vanuit een handeling in charleston als doel wilt instellen, kunt u het volgende relatieve pad gebruiken:

_parent._parent

Als u de instantie atlanta vanuit een handeling in de tijdlijn van charleston als doel wilt instellen, kunt u het volgende relatieve pad gebruiken:

_parent._parent.georgia.atlanta

Relatieve paden zijn nuttig voor het hergebruiken van scripts. U kunt bijvoorbeeld het volgende script aan een filmclip koppelen, dat het bovenliggende element met 150% vergroot:

onClipEvent (load) {    _parent._xscale 
= 150;    _parent._yscale = 150; 
}

U kunt het script opnieuw gebruiken door dit aan een filmclipinstantie te koppelen.

Opmerking:

Flash Lite 1.0 en 1.1 ondersteunen alleen het koppelen van scripts aan knoppen. Het koppelen van scripts aan filmclips wordt niet ondersteund.

Ongeacht of u een absoluut pad of relatief pad gebruikt, u identificeert een variabele in een tijdlijn of een eigenschap van een object met een punt (.), gevolgd door de naam van de variabele of eigenschap. De volgende instructie stelt de variabele name in de instantie form bijvoorbeeld in op de waarde 'Gilbert':

_root.form.name = "Gilbert";

Absolute en relatieve doelpaden gebruiken

U kunt ActionScript gebruiken om berichten van een tijdlijn naar een andere te versturen. De tijdlijn die de handeling bevat wordt de beherende tijdlijn genoemd en de tijdlijn die de handeling ontvangt wordt de doeltijdlijn genoemd. Bijvoorbeeld, er kan zich een handeling op het laatste frame van een tijdlijn bevinden die een andere tijdlijn opgeeft af te spelen. Als u naar een doeltijdlijn wilt verwijzen, moet u een doelpad gebruiken die de locatie van een filmclip in het weergaveoverzicht aangeeft.

Het volgende voorbeeld toont de hiërarchie van een document met de naam westCoast op niveau 0, dat drie filmclips bevat: california, oregon en washington. Elk van deze filmclips bevat op zijn beurt twee filmclips.

_level0 
        westCoast 
                california 
                        sanfrancisco 
                        bakersfield 
                oregon 
                        portland 
                        ashland 
                washington 
                        olympia 
                        ellensburg

Net als bij een webserver kan elke tijdlijn in Animate op twee manieren worden geadresseerd: met een absoluut of relatief pad. Het absolute pad van een instantie is altijd een volledig pad van een niveaunaam, ongeacht welke tijdlijn de handeling aanroept. Het absolute pad naar de instantie california is bijvoorbeeld _level0.westCoast.california. Een relatief pad verschilt wanneer er vanaf verschillende locaties wordt aangeroepen; het relatieve pad naar california vanaf sanfrancisco is _parent, maar vanaf portland is het _parent._parent.california.

Doelpaden opgeven

Wanneer u een filmclip, geladen SWF-bestand of knop wilt beheren, moet u een doelpad opgeven. U kunt dit handmatig opgeven, met het dialoogvenster Doelpad invoegen, of door een expressie te maken die een doelpad oplevert. Als u een doelpad voor een filmclip of knop wilt opgeven, moet u een instantienaam toewijzen aan de filmclip of knop. Een geladen document heeft geen instantienaam nodig, omdat u het niveaunummer als instantienaam kunt gebruiken (bijvoorbeeld _level5).

Instantienaam toewijzen aan een filmclip of knop

  1. Selecteer een filmclip of het knop in het werkgebied.
  2. Voer een instantienaam in Eigenschapcontrole in.

Doelpad opgeven via het dialoogvenster Doelpad invoegen

  1. Selecteer een filmclip, frame of knopinstantie waaraan u de handeling wilt toewijzen.

    Dit is de beherende tijdlijn.

  2. Ga in het deelvenster Handelingen (Venster > Handelingen) naar de werkset Handelingen aan de linkerkant en selecteer een handeling of methode die een doelpad nodig heeft.
  3. Klik in het parametervak of op de locatie in het script waar u het doelpad wilt invoegen.
  4. Klik op de knop Doelpad invoegen boven het Script-veld.
  5. Selecteer Absoluut of Relatief voor de doelpadmodus.
  6. Selecteer een filmclip in het weergaveoverzicht Doelpad invoegen en klik op OK.

Doelpad handmatig opgeven

  1. Selecteer een filmclip, frame of knopinstantie waaraan u de handeling wilt toewijzen.

    Dit is de beherende tijdlijn.

  2. Ga in het deelvenster Handelingen (Venster > Handelingen) naar de werkset Handelingen aan de linkerkant en selecteer een handeling of methode die een doelpad nodig heeft.
  3. Klik in het parametervak of op de locatie in het script waar u het doelpad wilt invoegen.
  4. Voer een absoluut of relatief doelpad in het deelvenster Handelingen in.

Expressie gebruiken als een doelpad

  1. Selecteer een filmclip, frame of knopinstantie waaraan u de handeling wilt toewijzen.

    Dit is de beherende tijdlijn.

  2. Ga in het deelvenster Handelingen (Venster > Handelingen) naar de werkset Handelingen aan de linkerkant en selecteer een handeling of methode die een doelpad nodig heeft.
  3. Ga als volgt te werk:
    • Voer in een parametervak een expressie in die een doelpad oplevert.

    • Klik om het invoegpunt in het script te plaatsen. Dubbelklik vervolgens in de categorie Functies in de werkset Handelingen op de functie targetPath. De functie targetPath zet een verwijzing naar een filmclip om in een tekenreeks.

    • Klik om het invoegpunt in het script te plaatsen. Selecteer vervolgens in de categorie Functies in de werkset Handelingen de functie eval. De functie eval zet een tekenreeks om in een verwijzing naar een filmclip die kan worden gebruikt voor het aanroepen van methoden zoals play.

      Het volgende script wijst de waarde 1 aan de variabele i toe: Vervolgens wordt de functie eval gebruikt om een verwijzing naar een filmclipinstantie te maken; deze wordt aan de variabele x toegewezen. De variabele x is nu een verwijzing naar een filmclipinstantie en kan de methoden van het object MovieClip aanroepen.

      i = 1; x = eval("mc"+i); x.play(); // dit is equivalent aan mc1.play();

      U kunt de functie eval ook gebruiken om methoden direct aan te roepen, zoals getoond in het volgende voorbeeld:

      eval("mc" + i).play();
Adobe-logo

Aanmelden bij je account