ActionScript gebruiken met Animate

Met de scripttaal ActionScript® kunt u complexe interactiviteit, besturingselementen en weergave van gegevens in uw toepassing opnemen. Met behulp van het deelvenster Handelingen, het Script-venster of een externe editor kunt u in de Flash-ontwerpomgeving ActionScript toevoegen.

ActionScript kent zijn eigen syntaxisregels en gereserveerde woorden. Met ActionScript kunt u variabelen gebruiken voor het opslaan en ophalen van gegevens. ActionScript bevat een grote bibliotheek met ingebouwde klassen waarmee u objecten kunt maken voor het uitvoeren van veel verschillende taken. Zie de volgende secties in Help voor meer informatie over ActionScript.

• ActionScript 3.0 leren gebruiken op www.adobe.com/go/learn_flcs5_learnas3_nl

• ActionScript 2.0 leren in Adobe Animate op www.adobe.com/go/learn_cs5_learningas2_nl

U hoeft niet elk element van ActionScript te begrijpen om te kunnen beginnen met het schrijven van scripts. Als u een duidelijk doel hebt, kunt u met eenvoudige handelingen beginnen met het maken van scripts.

ActionScript en JavaScript vinden beide hun oorsprong in de ECMA-262-standaard, de internationale standaard voor de scripttaal ECMAScript. Voor ontwikkelaars die bekend zijn met JavaScript, kan ActionScript daarom meteen bekend voorkomen. Ga voor meer informatie over ECMAScript naar ecma-international.org.

Welke versie van ActionScript kunt u gebruiken?

Animate bevat meer dan één versie van ActionScript om tegemoet te komen aan de behoeften van verschillende ontwikkelaars en afspeelomgevingen. ActionScript 3.0 en 2.0 zijn niet compatibel met elkaar.

• ActionScript 3.0 wordt snel uitgevoerd. Voor deze versie is meer kennis nodig van de concepten van objectgeoriënteerd programmeren dan voor eerdere versies van ActionScript. ActionScript 3.0 is volledig compatibel met de ECMAScript-specificatie, biedt betere XML-verwerking, een verbeterd gebeurtenismodel en een verbeterde architectuur voor werken met elementen op het scherm. FLA-bestanden die ActionScript 3.0 gebruiken kunnen geen eerdere versies van ActionScript bevatten.

• (Alleen verouderd in Animate) ActionScript 2.0 is eenvoudiger te leren dan ActionScript 3.0. Hoewel Flash Player gecompileerde ActionScript 2.0-code trager uitvoert dan gecompileerde ActionScript 3.0-code, kunt u ActionScript 2.0 nog steeds gebruiken voor allerlei projecten. ActionScript 2.0 is ook handig voor projecten die niet computerintensief zijn. Dit kunnen bijvoorbeeld projecten met meer ontwerpgeoriënteerde inhoud zijn. ActionScript 2.0 is ook gebaseerd op de ECMAScript-specificatie, maar is niet volledig compatibel.

• (Verouderd in Animate) ActionScript 1.0 is de eenvoudigste versie van ActionScript en wordt nog steeds gebruikt door sommige versies van de Adobe Flash Lite Player. ActionScript 1.0 en 2.0 kunnen samen in één FLA-bestand worden gebruikt.

• (Verouderd in Animate) ActionScript voor Flash Lite 2.x is een subset van ActionScript 2.0 die door Flash Lite 2.x wordt ondersteund op mobiele telefoons en andere mobiele apparaten.

• (Verouderd in Animate) ActionScript voor Flash Lite 1.x is een subset van ActionScript 1.0 die door Flash Lite 1.x wordt ondersteund op mobiele telefoons en andere mobiele apparaten.

De documentatie van ActionScript gebruiken

Omdat er meerdere versies bestaan van ActionScript (2.0 en 3.0) en omdat er meerdere manieren bestaan om ActionScript in uw FLA-bestanden op te nemen, kunt u op een aantal manieren leren werken met ActionScript.

Er is een beschrijving beschikbaar van de gebruikersinterface voor het werken met ActionScript. Deze interface bevat het deelvenster Handelingen, het Script-venster, de modus Scriptassistentie, het deelvenster Gedragingen, het deelvenster Uitvoer en het deelvenster Compilerfouten. Deze onderwerpen hebben betrekking op alle versies van ActionScript.

In andere ActionScript-documentatie van Adobe vindt u meer informatie over de afzonderlijke versies van ActionScript.

Manieren om met ActionScript te werken

U kunt op verschillende manieren met ActionScript werken.

• (Verouderd in Animate) Met de modus Scriptassistentie kunt u ActionScript aan een FLA-bestand toevoegen zonder dat u zelf de code hoeft te schrijven. U selecteert de handelingen en vervolgens wordt er een speciale gebruikersinterface geopend waarin u de vereiste parameters voor iedere handeling kunt opgeven. U moet wel iets weten van de functies die u voor het verwezenlijken van specifieke taken moet gebruiken, maar u hoeft de syntaxis niet te leren. Deze modus wordt veel door ontwerpers en niet-programmeurs gebruikt.

• (Verouderd in Animate) U kunt ook gedragingen gebruiken om code aan een bestand toe te voegen zonder dat u de code zelf hoeft te schrijven. Gedragingen zijn vooraf geschreven scripts voor veelvoorkomende taken. Nadat u een gedrag hebt toegevoegd, kunt u het gedrag eenvoudig in het deelvenster Gedragingen configureren. Gedragingen zijn alleen beschikbaar voor ActionScript 2.0 en lager.

• Als u uw eigen ActionScript schrijft, hebt u de meeste flexibiliteit en controle over uw document, maar dan moet u zich wel de ActionScript-taal en -conventies eigen maken.

• Componenten zijn vooraf gebouwde filmclips waarmee u complexe functionaliteit kunt implementeren. Een component kan een eenvoudig gebruikersinterface-element zijn, zoals een selectievakje, of een gecompliceerd element, zoals een schuifvenster. U kunt de functionaliteit en de weergave van een component aanpassen en u kunt componenten downloaden die door andere ontwikkelaars zijn gemaakt. Voor de meeste componenten moet u wel zelf aanvullende ActionScript-code schrijven om een component te activeren of in te stellen. Zie ActionScript 3.0-componenten gebruiken voor meer informatie.

ActionScript schrijven

Als u ActionScript-code schrijft in de ontwerpomgeving, gebruikt u het deelvenster Handelingen of het Script-venster. Het deelvenster Handelingen en het venster Script bevatten een volledig functionele code-editor met onder andere functies voor codehints en -kleuren, codeopmaak en syntaxismarkering. Daarnaast biedt de editor mogelijkheden voor foutopsporing, regelnummers, tekstomloop en ondersteuning voor Unicode.

• Gebruik het deelvenster Handelingen om scripts te schrijven die deel uitmaken van een Animate-document (scripts die in het FLA-bestand zijn ingesloten). Het deelvenster Handelingen biedt onder andere de werkset Handelingen, waarmee u snel toegang krijgt tot de kernelementen van de ActionScript-taal. Er worden vragen weergegeven voor de elementen waarvoor scripts moeten worden gemaakt.

• Gebruik het Script-venster als u externe scripts wilt schrijven. Dat zijn scripts of klassen die in externe bestanden worden opgeslagen. (U kunt ook een tekstverwerker gebruiken om een extern AS-bestand te maken). Het Script-venster bevat assistentiefuncties voor de code zoals codehints en codekleuren, syntaxiscontrole en automatische opmaak.

Meer aanbevolen community-inhoud

• Aan de slag met ActionScript 3.0 (CS3) (3:25)

• Animaties en FLA-bestanden optimaliseren (CS3) (7:24)

• Een documentklasse maken met behulp van ActionScript 3.0 (CS3) (2:38)

• Een efficiënte workflow tussen ontwerp en ontwikkeling maken (CS3) (3:41)

• Componenten gebruiken (CS3) (1:47)

• YouTube.com-lijst met ActionScript-kanalen

De volgende artikelen en zelfstudies bieden meer gedetailleerde informatie over het werken met ActionScript:

• ActionScript 3-migratietabel (Adobe.com)

Overzicht van het deelvenster Uitvoer

Wanneer u een documenttype uitvoert, worden in het deelvenster Uitvoer informatie of waarschuwingen weergegeven over bewerkingen, zoals documentconversies en publiceren. Als u deze informatie wilt weergeven, voegt u instructies trace() aan uw code toe of gebruikt u de opdrachten Objecten weergeven en Variabelen weergeven.

Wanneer u de instructie trace() gebruikt in uw scripts, kunt u bij uitvoering van het SWF-bestand bepaalde informatie verzenden naar het deelvenster Uitvoer. Denk hierbij aan opmerkingen over de status van het SWF-bestand of de waarde van een expressie. 

Het deelvenster Uitvoer bevat de volgende menu-items:

• Kopiëren: hiermee kopieert u de volledige inhoud van het deelvenster Uitvoer naar het klembord van de computer. Als u slechts een specifiek deel uit het deelvenster Uitvoer wilt kopiëren, selecteert u het gedeelte dat u wilt kopiëren en selecteert u vervolgens Kopiëren.
• Wissen: hiermee wordt de inhoud van het deelvenster Uitvoer gewist.
• Uitvoer weergeven: hiermee toont u de inhoud van het deelvenster Uitvoer.
• Vergrendelen: hiermee vergrendelt u het deelvenster. U kunt het deelvenster alleen groter of kleiner maken; u kunt het deelvenster niet verplaatsen of slepen. 
• Help: hiermee laadt u de online Help voor het deelvenster Uitvoer.
• Sluiten: sluit het deelvenster Uitvoer.
• Groep sluiten: sluit de gehele deelvenstergroep. U kunt meerdere deelvensters tegelijk koppelen, bijvoorbeeld de deelvensters Tijdlijn, Uitvoer en Compilerfouten.

Als u het deelvenster Uitvoer wilt weergeven of verbergen, selecteert u Venster > Uitvoer of drukt u op F2.

Deelvenster Handelingen

Op zoek naar de Naslaggids?

Ga op een van de volgende manieren te werk om naslagmateriaal te zoeken over een specifiek ActionScript-taalelement:

• Open de Naslaggids voor ActionScript 3.0 en zoek naar het taalelement.

• Typ het taalelement in het deelvenster Handelingen, selecteer het en druk direct op F1.
  

ActionScript leren gebruiken

Gebruik de volgende bronnen om te leren hoe u ActionScript schrijft:

• ActionScript 3.0 leren gebruiken

• Naslaggids voor ActionScript 3.0 en ActionScript 3.0-componenten

• ActionScript 2.0 leren in Adobe Animate

• Naslaggids voor ActionScript 2.0

 ActionScript 3.0 en 2.0 zijn niet compatibel met elkaar. Kies slechts één versie voor elk FLA-bestand dat u maakt.

Overzicht van het deelvenster Handelingen

Als u scripts wilt maken die zijn ingesloten in een FLA-bestand, typt u ActionScript rechtstreeks in het deelvenster Handelingen (Venster > Handelingen of druk op F9).

Het deelvenster Handelingen bevat twee vensters:

Hiermee kunt u ActionScript-code invoeren die is gekoppeld aan het momenteel geselecteerde frame.

Hier wordt een lijst met de scripts in uw Animate-document vermeld en kunt u snel tussen de scripts navigeren. Als u het script in het deelvenster Script wilt weergeven, klikt u op een item in de scriptnavigator.

Het deelvenster Handelingen biedt u toegang tot de functies voor code-assistentie waarmee u eenvoudig en efficiënt codeert in ActionScript. Hiermee kunt u niet-framespecifieke, algemene scripts en scripts van derde partijen toevoegen die op de hele animatie kunnen worden toegepast in Animate. Voor meer informatie raadpleegt u het gedeelte Globale scripts en scripts van derde partijen toevoegen op deze pagina. 

• Script uitvoeren: hiermee wordt het script uitgevoerd
• Script vastzetten: het script wordt vastgezet op de tabbladen van afzonderlijke scripts in het Script-venster en dienovereenkomstig verplaatst. Deze functie is handig als u de code in uw FLA-bestand niet op één centrale locatie hebt georganiseerd. Het is ook handig als u meerdere scripts gebruikt. U kunt een script vastzetten om de geopende locatie van de code in het deelvenster Handelingen te behouden en om te schakelen tussen de verschillende geopende scripts. Deze functie kan handig zijn bij het opsporen van fouten.
• Pad en naam van instantie invoegen: hiermee kunt u een absoluut of relatief pad instellen voor een handeling in het script.
• Zoeken: hiermee zoekt en vervangt u tekst in uw script.
• Code opmaken: hiermee kunt u de code opmaken.
• Codefragmenten: hiermee opent u het deelvenster Codefragmenten met voorbeeldcode.
  
• Toev. m. wizard: klik op deze knop om handelingen via een gebruiksvriendelijke wizard toe te voegen zonder code te hoeven schrijven. 
• Help: geeft informatie weer over het ActionScript-element dat in het Script-veld is geselecteerd. Als u bijvoorbeeld klikt op een importeren-instructie en vervolgens op Help, wordt informatie over importeren in het deelvenster Help weergegeven.

De codewizard voor handelingen gebruiken

U kunt interactiviteit toevoegen aan HTML5-composities met de opties onder Toev. m. wizard in het deelvenster Handelingen. Toevoegen met wizard is een vereenvoudigde gebruikersinterface waarin u code aan uw composities kunt toevoegen.

U kunt de optie Huidige selectie kiezen in het menu wanneer u een object in het werkgebied selecteert en de codewizard voor handelingen uitvoert. U kunt ook de tijdlijn en de handelingen van de componenten voor de code kiezen.

De interactiviteit van een animatie verbeteren

Interactiviteit is een essentieel onderdeel van een animatie die de visuele ervaring voor het publiek versterkt. Wilt u leren hoe u handelingen aan de video kunt toevoegen zonder codes? Bekijk de tutorial aan het einde van dit voorbeeld en voer de volgende stappen uit.

Interactiviteit aan uw animaties toevoegen

Script-venster gebruiken

In het Script-venster kunt u externe scriptbestanden maken die u in uw toepassing kunt importeren. Deze scripts kunnen ActionScript- of Animate JavaScript-bestanden zijn.

U kunt ook globale scripts en scripts van derde partijen toevoegen aan HTML5 Canvas-documenten ook toevoegen. Voor meer informatie raadpleegt u het gedeelte Globale scripts en scripts van derde partijen toevoegen in HTML5 Canvas-documenten maken en publiceren in Animate .

Als u meer dan een extern bestand hebt geopend, worden de bestandsnamen in de tabs bovenin het Script-venster weergegeven.

In het Script-venster kunt u functies voor PinScript, zoeken en vervangen, syntaxiskleuren, opmaakcode, codehints en het samenvouwen van code gebruiken. U kunt ook opties voor foutopsporing (alleen ActionScript-bestanden) en tekstomloop gebruiken. In het Script-venster kunt u ook regelnummers en verborgen tekens weergeven.

Een extern bestand maken in het Script-venster

Een bestaand bestand bewerken in het Script-venster

• Als u een bestaand script wilt openen, selecteert u Bestand > Openen en opent u een bestaand AS-bestand.

• Als u een script wilt bewerken dat al is geopend, klikt u op de tab met de naam van het script.

Gereedschappen in het deelvenster Handelingen en het Script-venster

Het deelvenster Handelingen biedt u toegang tot de functies voor code-assistentie waarmee u eenvoudig en efficiënt codeert in ActionScript.

Zoeken 

Hiermee zoekt en vervangt u tekst in het script.

Doelpad invoegen 

(Alleen deelvenster Handelingen) Hiermee kunt u een absoluut of relatief pad opgeven voor een handeling in het script.

Help 

Hiermee geeft u informatie weer over het ActionScript-element dat in het deelvenster Script is geselecteerd. Als u bijvoorbeeld op een instructie importeren klikt en vervolgens op Help, wordt informatie over importeren in het deelvenster Help weergegeven.

Codefragmenten

Hiermee opent u het deelvenster Codefragmenten waarin voorbeeldcodefragmenten worden weergegeven.

Toevoegen met wizard

Hiermee kunt u code voor handelingen via een interface toevoegen en hoeft u geen code te schrijven. 

Contextgevoelige Help openen vanuit het deelvenster Handelingen

Voorkeuren voor ActionScript instellen

Wanneer u code bewerkt in het deelvenster Handelingen of in het Script-venster, kunt u een set voorkeuren instellen en wijzigen.