Martin Hozík
|
PreloaderNejdříve k čemu preloader je. Možná jste se setkali s problémem, že u velké animace spouštěné z internetu dochází prvních 10-30 sekund k nepříjemnému trhání. Je to způsobeno tím, že se animace přehrává rychleji, než se stačí načítat přes pomalou modemovou linku. Preloader animaci zastaví na začátku a pustí ji dál až je celá načtená. My si teď společně vytvoříme preloader, který ukazuje načtené procenta. Nejprve si vytvoříme MovieClip do kterého nakreslíme rámeček, který se potom bude zvětšovat během načítání:
Zde se fantazii meze nekladou. Je velmi důležitá pozice středu (symbol +). Pokud budeme chtít, aby se obdélník zvětšoval směrem doprava, musíme ho nakreslit tak, aby byl střed na jeho levém konci. Nyní si na začátek naší animace vyčleníme 2 snímky a do nich vložíme instanci MovieClipu a nazveme ji například "prubeh" Následně vytvoříme novou vrstvu a do druhého snímku vložíme tyto akce: loading = Math.round(getBytesLoaded()/getBytesTotal()*100);
setProperty(prubeh, _xscale, loading);
if (loading == 100) {
play();
} else {
gotoAndPlay(1);
}
Na samém začátku je definovaná proměnná "loading" jako zaokrouhlená hodnota (Math.round) výrazu: "načtená data/celková data * 100". Na dalším řádku je definována procentuální šířka instance "prubeh" jako hodnota proměnné "loading". Nakonec následuje podmínka, že pokud dosáhne proměnná "loading" hodnoty 100 má pokračovat přehrávání, pokud ne, má se vrátit na snímek 1. Do animace ještě můžete vložit Dynamic Text, který bude zobrazovat hodnotu proměnné "loading" a případně orámovat načítací pásek.
Nakonec ale nezapomeňte definovat instanci "prubeh" šířku 0%, jinak by se na začátku načítání objevila v plné velikosti. |
 |
 |
