Een Adobe Flash Preloader-scherm maken: 9 stappen

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:20

Een Flash-preloader betrekt gebruikers bij uw website terwijl deze nog wordt geladen door een balk voor het laden van bestanden weer te geven die de voortgang van de website bijwerkt. Hier leest u hoe u er een kunt maken. U heeft dit nodig:

• Een computer met internettoegang
• Adobe Flash CS4
• Een bestaande Actionscript 3.0-website

Stap 1: Stap 1: Open uw Flash-bestanden

Start het programma Adobe Flash CS4 en open de bestanden van uw Flash-website. Verander de indeling van de werkruimte door op het vervolgkeuzemenu linksboven in de menubalk te klikken en Designer te selecteren.

Stap 2: Stap 2: Lege keyframes toevoegen

Selecteer in het tijdlijnpaneel alle lagen door de bovenste laag te markeren, de Shift-toets ingedrukt te houden en de onderste laag te markeren. Klik en sleep het eerste frame van de bovenste laag één frame naar rechts, zodat er een leeg frame ontstaat aan het begin van elke laag.

Stap 3: Stap 3: Maak de laadbalk

Maak de laadbalk. Markeer eerst de onderste laag van de tijdlijn en selecteer in het deelvenster Gereedschappen het rechthoekgereedschap. Wijzig vervolgens in Eigenschappen de kleuren van de rechthoekige lijn en vulling, en de grootte van de lijn. Teken een rechthoek in het midden van je webpagina. Zorg ervoor dat de rechthoek en lijn niet opgaan in de achtergrond van de webpagina. TIP Als u niet zeker weet wat een pictogram in een van de panelen betekent, houdt u uw muiscursor erop voor een beschrijving.

Stap 4: Stap 4: converteer de omtrek van de laadbalk

Converteer de omtrek van de laadbalk naar een filmclip. Kies het selectiegereedschap in het gereedschapsmenu en dubbelklik op de rechthoek zodat de hele omtrek is geselecteerd. Druk op F8 om het venster "Converteren naar symbool" te openen. Wijzig de naam in 'omtrek' en wijzig het type in 'Filmclip'. Klik OK.

Stap 5: Stap 5: Converteer de laadbalk

Geef een algemene beschrijving van de StepKlik in het midden van de rechthoek en druk op F8 om deze ook naar een symbool te converteren. Verander de naam in rechthoek en verander het type in Filmclip. Selecteer voor Registratie het middelste vierkant helemaal links. Klik vervolgens op OK. Ga nu naar het deelvenster Eigenschappen en wijzig de instantienaam in rechthoek_clip.

Stap 6: Stap 6: Maak het percentage tekst

Selecteer het tekstpictogram bij Extra. Pas de kenmerken voor uw tekst aan onder Eigenschappen en zorg ervoor dat de optie voor tekstgereedschap is ingesteld op dynamische tekst. Teken een tekstvak op uw document direct onder de rechthoek. Hierdoor worden in het deelvenster Eigenschappen de eigenschappen voor het tekstvak weergegeven. Wijzig in deze nieuwe eigenschappen de instantienaam in text_clip.

Stap 7: Stap 7: Schrijf de scripts "stop" en "event"

Zorg ervoor dat het eerste frame van de onderste laag is geselecteerd in het deelvenster Tijdlijn en druk op F9 om het deelvenster Acties te openen. Schrijf op de eerste regel een stopscript dat de webpagina stopt met fietsen. Druk op Enter om naar de volgende regel te gaan en een script toe te voegen dat een gebeurtenisfunctie aan de webpagina toewijst. Roep de functie preload1 aan. Druk op Enter.

Stap 8: Stap 8: Schrijf het "functie"-script

Schrijf de preload1-functie, die twee variabelen bevat: één die het totale aantal bytes voor de webpagina teruggeeft, en één die teruggeeft hoeveel van die bytes zijn geladen. De functie stelt vervolgens de grootte van de laadbalk en het percentage tekst in om aan te geven hoeveel bytes zijn geladen. Het laatste deel van de functie vertelt Flash om naar het tweede frame van de tijdlijn te gaan en het af te spelen zodra het hele document is geladen. TIP Om een voorbeeld van het document in actie te zien, gaat u naar Besturing, Film testen in het hoofdmenu.

Stap 9: Stap 9: Publiceren en uploaden

Publiceer de website door naar Bestand, Instellingen publiceren te gaan. Zorg ervoor dat zowel de SWF- als de HTML-vakken zijn aangevinkt. Hernoem beide bestanden en selecteer een locatie om op te slaan. Klik vervolgens op publiceren en upload alle gepubliceerde bestanden naar uw webserver. Om toegang te krijgen tot de Flash-pagina, navigeert u naar het HTML-bestand op uw webserver.