Uživatelské nástroje

Nástroje pro tento web


vyuka:vos3l_-_ukol_8

Úkol 9 - Pexeso

Cíl úkolu:

Procvičení vytváření a použití tříd ve flashi. Procvičování podmínek.

Popis:

Vytvoření pexesa za pomocí tříd (otáčení kartiček pexesa) a podmínek (otočení stejných kartiček).

Postup:
Vytvoření movieclipu:

V novém flashovém souboru vytvoříme movieclip pexeso1. Počáteční stav tohoto movieclipu bude kartička otočená vrchní stranou (stav „stoji“), druhý stav bude odhalená strana s obrázkem (stav „obrat“). Actionscript v tomto movieclipu bude vypadat takto:

Duplikace symbolu movieclipu a přidání instancí:

Zduplikujeme v knihovně symbol kartičky - nyní budeme mít v knihovně symboly „pexeso1“, „pexeso2“ a „pexeso3“. Symbol pexeso1 bude mít jako druhou stranu srdíčko, symbol pexeso2 bude mít na obrácené straně sluníčko a symbol tři lísteček.

Od každého symbolu přetáhneme na scénu dvě instance. Nyní budeme mít na scéně šest kartiček a každou pojmenujeme podle jejího obsahu:

Tvorba třídy:

Přes okno „nový dokument“ vytvoříme třídu actionscriptu 3:

Objeví se nám okno souboru jen s panelem pro actionscript a základními deklaracemi:

Doplníme další kód:

Nyní třídu pexeso musíme ZNOVU uložit. (Pokud třída není uložena, změny se v swf nenačtou.)

Přiřazení třídy k symbolu movieclipu:

Vrátíme se zpět do původního flashového projektu. V knihovně označíme první symbol, klikneme na něm pravým tlačítkem myši, objeví se další nabídka a vybereme „properties“:

Objeví se tato nabídka, dopište do ní tyto hodnoty:

Stejný postup uděláme se všemi třemi symboly v knihovně. Po této úpravě se jejich napojení na externí třídu objeví u samotného popisu v knihovně. Měly by vypadat takto:

Pokud nyní soubor otestujeme, měly by se již samotné kartičky pexesa na kliknutí otáčet:

Pro přehrání obsahu potřebujete Adobe Flash Plugin.

Ovládání souboru pomocí podmínek a událostí:

na hlavní časovou osu vložíme tento kód:

V tento moment je naše pexeso hotové:

Pro přehrání obsahu potřebujete Adobe Flash Plugin.

vyuka/vos3l_-_ukol_8.txt · Poslední úprava: 2012/04/17 13:27 autor: verca