Maak een FLA-bestand met een eenvoudige animatie zoals een enkele bewegings-tween of vorm-tween. Als u al een FLA-bestand hebt met de animatie die u in het project weergeeft, opent u dat bestand en slaat dit op met een nieuwe naam.

Bepaal waar op het scherm u de twee knoppen wilt laten verschijnen. Een knop om de animatie te starten en een knop om te koppelen aan de auteurportfolio of introductiepagina. Zo nodig kunt u in het werkgebied wat ruimte voor de nieuwe inhoud wissen of toevoegen. Als de animatie er nog geen heeft, kunt u op het eerste frame een opstartscherm maken. In dit geval wilt u de animatie waarschijnlijk verplaatsen, zodat deze op frame 2 of later start.

Voeg een nieuwe laag toe boven de andere lagen in de tijdlijn en noem deze laag knoppen. In deze laag voegt u knoppen toe.

Voeg een nieuwe laag toe boven de laag knoppen en noem deze laag handelingen. In deze laag voegt u ActionScript-code aan de toepassing toe.

Maak met behulp van de tekengereedschappen het uiterlijk van de eerste knop (de ‘afspeelknop’) in de laag knoppen. U kunt bijvoorbeeld een horizontale ovaal maken met tekst erop.

Selecteer met het gereedschap Selecteren alle grafische delen van de enkele knop.

Selecteer Wijzigen > Omzetten in symbool in het hoofdmenu.

Selecteer in het dialoogvenster Knop als symbooltype, geef het symbool een naam en klik op OK.

Geef de knop, terwijl deze is geselecteerd, in Eigenschapcontrole de instantienaam playButton.

Herhaal de stappen 1 tot en met 5 om de knop te maken waarmee de gebruiker naar de introductiepagina van de maker navigeert. Noem deze knop homeButton.

Selecteer het hoofdframe in frame 1 van de laag handelingen.

Selecteer Venster > Handelingen in het hoofdmenu om het deelvenster Handelingen te openen.

Voer de volgende code in het Script-veld in:

stop();

Voeg twee lege regels toe aan het einde van de code die u in de vorige stappen hebt ingevoerd.

Voer onderaan het script de volgende code in:

function startMovie(event:MouseEvent):void 
{ 
    this.play(); 
}

Deze code definieert een functie startMovie(). Wanneer startMovie() wordt aangeroepen, begintde hoofdtijdlijn met afspelen.

Voer op een nieuwe regel de volgende code in, na de code die u in de vorige stap hebt ingevoerd:

playButton.addEventListener(MouseEvent.CLICK, startMovie);

Deze coderegel registreert de functie startMovie() als een listener voor de gebeurtenis click van playButton. Met andere woorden, wanneer op de knop playButton wordt geklikt, wordt de functie startMovie() aangeroepen.

Voeg twee lege regels toe aan het einde van de code die u in de vorige stappen hebt ingevoerd.

Voer onderaan het script de volgende code in:

function gotoAuthorPage(event:MouseEvent):void 
{ 
    var targetURL:URLRequest = new URLRequest("http://example.com/"); 
    navigateToURL(targetURL); 
}

Deze code definieert een functie gotoAuthorPage(). Deze functie maakt eerst een URLRequest-instantie met de URL http://example.com/. Hij geeft die URL vervolgens door aan de functie navigateToURL(), waardoor de browser van de gebruiker die URL opent.

Voer op een nieuwe regel de volgende code in, na de code die u in de vorige stap hebt ingevoerd:

homeButton.addEventListener(MouseEvent.CLICK, gotoAuthorPage);

Deze coderegel registreert de functie gotoAuthorPage() als een listener voor de gebeurtenis click van homeButton. Met andere woorden, wanneer op de knop homeButton wordt geklikt, wordt de functie gotoAuthorPage() aangeroepen.

Selecteer Besturing > Film testen in het hoofdmenu. Het SWF-bestand wordt gemaakt en geopend in een Flash Professional-venster.

Klik op beide knoppen om te controleren of deze naar verwachting functioneren.

Wanneer de knoppen niet werken, kunt u het volgende controleren:

• Hebben de knoppen beide verschillende instantienamen?

• Gebruiken de aanroepen van de methode addEventListener() dezelfde namen als de instantienamen van de knoppen?

• Worden de juiste gebeurtenisnamen gebruikt in de aanroepen van de methode addEventListener()?

• Is de juiste parameter opgegeven voor elk van de functies? (Beide methodes moeten een enkele parameter hebben met het gegevenstype MouseEvent.)

Al deze fouten en de meeste andere mogelijke fouten leveren een foutbericht op. het foutbericht kan verschijnen wanneer u de opdracht Film testen kiest of wanneer u op de knop klikt terwijl u het project test. Kijk in het deelvenster Compilatiefouten voor compilatiefouten (die verschijnen wanneer u voor het eerst Film testen kiest). In het deelvenster Uitvoer vind u uitvoerfouten die optreden wanneer de inhoud wordt afgespeeld, zoals wanneer u op een knop klikt.