Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!
Zadejte Vaši e-mailovou adresu:
Kamarád fotí rád?
Přihlas ho k odběru fotomagazínu!
Zadejte e-mailovou adresu kamaráda:
-
27. ledna 2025
-
20. března 2025
-
4. dubna 2025
-
14. dubna 2025
-
17. dubna 2025
-
17. dubna 2025
-
18. dubna 2025
-
22. dubna 2025
-
19. března 2025
-
31. března 2025

Webdesign
Macromedia Flash - posun pozadí
18. září 2001, 00.00 | Máte rozměrný obrázek, který byste rádi použili jako pozadí do Flashe, ale animace větší rozměry mít nesmí? Podívejme se
jak pohybovat pozadím pomocí tlačítek a podmínkových akcí.
Tento tutoriál procvičuje deklaraci proměnných, změnu jejich hodnot, ale také stanovení a nastavení podmínkových akcí.
1. Začínáme jako obvykle nastavením velikosti plochy, dnes to bude 300 x 300 px.
2. Vytvoříme si nový MC (Movie Clip), pojmenujeme jej pozadi (v paletce Instance). Do tohoto MC vložíme připravený obrázek a pomocí paletky Align jej vyrovnáme na střed plochy. Tím naše práce v tomto MC skončila.
3. MC pozadi vložíme na hlavní plochu a posuneme jej někam stranou, prozatím jej nebudeme přesně usazovat.
4. V nové vrstvě si vytvoříme libovolné tlačítko. (Jestliže chcete mít tlačítko shodné jako v ukázce, nakreslete si čtverec, vložte do knihovny jako Button, kde ve stavu tlačítka Up, bude výplň s průhledností Alha = 0 (nastavujeme v paletce Mixer) a ve stavu Down bude Alpha = 10%.)
5. Vložíme na plochu tolik instancí tlačítka, kolikrát budeme pozadím pohybovat. Akce k tlačítkům přidáme až nakonec.
6. Usadíme MC pozadi na místo, ze kterého bude startovat. V ukázce je posazen mimo plochu.
7. Po jeho usazení, pravým klikem myši začneme vkládat akce a tvořit ovladače:
// Událost klipu když se instance objeví poprvé
onClipEvent (load) {
// Vytvoření proměnné, která bude určovat novou pozici klipu,
// prázdná hodnota nechává klip na místě které jsme nastavili na ploše
_root.novaPoziceX = "";
_root.novaPoziceY = "";
}
// Událost klipu je prováděna na každém snímku
onClipEvent (enterFrame) {
// Zadání aktuální x-ové a y-ové pozice klipu
aktualniPoziceX = getProperty(_root.pozadi, _x);
aktualniPoziceY = getProperty(_root.pozadi, _y);
// Jestliže je x-ová nová pozice menší než x-ová aktuální pozice
if (_root.novaPoziceX < aktualniPoziceX) {
// Nastavíme proměnnou, která zjistí rozdíl mezi pozicemi
vzdalenostX = aktualniPoziceX - _root.novaPoziceX;
// A nastavíme x-ovou pozici klipu
// Kdybychom pouze odečetli hodnoty aktualniPozice a vzdálenosti,
// klip by na tuto pozici skočil, ale tím, že vzdálenost vynásobíme
// desetinným číslem, docílíme jeho pomalého dojezdu
setProperty ("_root.pozadi", _x, aktualniPoziceX - (vzdalenostX * 0.2));
}
// Jestliže je x-ová nová pozice větší než x-ová aktuální pozice
if (_root.novaPoziceX > aktualniPoziceX) {
// Nastavíme proměnnou, která zjistí rozdíl mezi pozicemi
vzdalenostX = _root.novaPoziceX - aktualniPoziceX;
// A nastavíme x-ovou pozici klipu
// Rychlost dojezdu nastavíme jako výše
setProperty ("_root.pozadi", _x, aktualniPoziceX + (vzdalenostX * 0.2));
}
// Jestliže je y-ová nová pozice menší než y-ová aktuální pozice
if (_root.novaPoziceY < aktualniPoziceY) {
// Nastavíme proměnnou, která zjistí rozdíl mezi pozicemi
vzdalenostY = aktualniPoziceY - _root.novaPoziceY;
// A nastavíme y-ovou pozici klipu
// Rychlost dojezdu nastavíme jako výše
setProperty ("_root.pozadi", _y, aktualniPoziceY - (vzdalenostY * 0.2));
}
// Jestliže je y-ová nová pozice větší než y-ová aktuální pozice
if (_root.novaPoziceY > aktualniPoziceY) {
// Nastavíme proměnnou, která zjistí rozdíl mezi pozicemi
vzdalenostY = _root.novaPoziceY - aktualniPoziceY;
// A nastavíme y-ovou pozici klipu
// Rychlost dojezdu nastavíme jako výše
setProperty ("_root.pozadi", _y, aktualniPoziceY + (vzdalenostY * 0.2));
}
}
8. Nakonec přiřadíme akce tlačítkům, začneme akcí na levém horním tlačítku, která vlastně nastavuje hodnoty x-ových a y-ových souřadnic. Pozor, nastavujeme pozici středového bodu obrázku k levému hornímu rohu plochy.
on (release) {
novaPoziceX = 450;
novaPoziceY = 450;
}
9. Následující obrázek je vlastně tabulka, která znázorňuje x-ové a y-ové hodnoty, přiřazené k jednotlivým tlačítkům v ukázce. Plocha má velikost 300x300 px a obrázek na pozadí 900x900 px.
Nakonec ještě ZDROJOVÝ SOUBOR.
Obsah seriálu (více o seriálu):
- FLASH - vyčkávající Trojský kůň
- FLASH - vyčkávající Trojský kůň - druhý díl
- FLASH - vyčkávající Trojský kůň - třetí díl
- FLASH - ANIMAČNÍ TECHNIKY I.
- SEZNAMTE SE - FLASH 4 - I
- SEZNAMTE SE - FLASH 4 - II
- SEZNAMTE SE - FLASH 4 - III
- SEZNAMTE SE - FLASH 4 - IV
- SEZNAMTE SE - FLASH 4 - V
- SEZNAMTE SE - FLASH 4 - VI
- SEZNAMTE SE - FLASH 4 - VII
- SEZNAMTE SE - FLASH 4 - VIII
- SEZNAMTE SE - FLASH 4 - IX
- FLASH - X - animace bitmapy
- JAK DOSTAT ČEŠTINU DO FLASHE ?
- FLASH XI - 3D hvězda, zvuk na pozadí
- FLASH XII - akce pro tlačítka
- FLASH XIII - jak na preloader a jak ho umístit
- FLASH XIV - intro a menu
- FLASH XV - animace tlačítka
- FLASH XVI - jednoduché menu
- FLASH XVII - akce Tell Target poprvé
- FLASH XVIII - akce Tell Target podruhé
- FLASH XIX - akce Tell Target potřetí
- FLASH XX - konverze MP3 na WAV
- FLASH XXI - vlnění, kruhy na vodě
- FLASH XXI - dokončení
- FLASH 4 - Text Field Properties
- FLASH 4 - Zvláštní výběr křivek a čar
- FLASH 4 - Optimalizace křivek
- Flash 4 a QuickTime video
- FLASH 4 - preloader
- FLASH 4 - Duplikování filmového klipu
- FLASH 4 - pohybování textem pomocí kurzoru
- FLASH 4 - Speciální textové vlastnosti
- Macromedia FLASH 4 - postupné vypisování textu
- FLASH 4 - Spirála
- FLASH 4 - natažení externího .swf
- Macromedia FLASH 5 - načítaní HTML souboru
- FLASH - komunikace mezi dvěma SWF soubory
- FLASH - hrátky s křivkou
- FLASH - menu s posuvníkem
- FLASH - menu s posuvníkem (dokončení)
- FLASH 5 - pseudo 3D menu (dokončení)
- FLASH 5 - menu
- FLASH - Color Effect
- Macromedia FLASH 5 - analogové hodiny
- FLASH 5 - "smart" clip
- Vánoční přání v Macromedia FLASH 5
- FLASH 5 - ohňostroj
- Macromedia FLASH 5 - preloader
- FLASH 4 - animované menu
- Macromedia FLASH 5 - změna kurzoru
- Flash - Efekt založený na nedokonalosti bitmap
- Flash 4 - on-line výpočet ceny - 1. díl
- Flash 4 - on-line výpočet ceny - 2. díl
- Odeslání dat z formuláře ve Flashi 4 - II.
- Macromedia FLASH 5 - odesílání formuláře
- FLASH 4 - postupné odkrývání textu - tzv. maskovací efekt
- FLASH 5 - jednoduchý kaleidoskop nebo projekce?
- Flash 4 - menu pomocí ovládání Movie Clipu
- FLASH 5 - Vypisování textu
- Flash 4 - efektní ukončení *.exe prezentace + práce s více scénami
- Macromedia FLASH 5 - ovládání hlasitosti
- FLAX 1.12 - program na textové efekty v SWF
- FLASH 5 - matematické objekty (1. část)
- Flash4 - animace obličeje
- Flash 4 - Hra na způsob šipek
- Flash 4 + Swift 3D - dokonalá souhra!
- Macromedia FLASH 5 - změna barvy pozadí a textu
- Flash 5 - aktuální datum a čas
- Flash - 2D animace - 3D efekt
- FLASH 5 - prohlížečka obrázků s maskováním
- FLASH A JAVASCRIPT
- FLASH 5 - reversní pohyb
- Jpeg2Swf v1.0 beta - převod jpeg do swf aneb flashwebkamera
- SWISH v2 - Flash bez Flashe
- Jak docílit plynulé animace ve formátu Flash
- Flash - jdoucí Elvis.
- Flash - running man.
- Macromedia Flash - posun pozadí
- Flash - mořská hladina.
- Flash - animace hořící sirky
- Flash - mávání na rozloučenou
- Flash - vzhůru v let
- Flash - animace řeči
- FLASH 5 - Kalkulačka v 1.0
- Flash - BOXující Elvis
- Flash + Flashamp - animace řeči
- Flash - ženský běh
- FLASH 5 - Kalkulačka v 2.0
- FLASH - Programy na analýzu a úpravu SWF souborů
- FLASH 6 - Jaký bude a kdy bude?
- FLASH - Programy na analýzu a úpravu SWF souborů 2
- FLASH MX - novinky pod lupou
- Flash desatero
-
14. května 2014
Jak vkládat snímky do galerií a soutěží? Stručný obrazový průvodce
-
23. dubna 2014
Konica Minolta přenesla výhody velkých zařízení do kompaktních modelů
-
12. června 2012
-
5. ledna 2017
-
9. dubna 2014
-
6. září 2004
OKI snižuje ceny barevných laserových tiskáren C3100 a C5200n
-
13. května 2004
-
19. ledna 2004
QuarkXPress Passport 6: předvedení nové verze na konferenci Apple Forum 27.1.2004
-
6. února 2001
-
30. listopadu 2014
Nový fotoaparát α7 II: první plnoformát s pětiosou optickou stabilizací obrazu na světě
-
14. října 2024
-
4. února 2025
-
23. února 2025
-
1. dubna 2025
-
28. dubna 2025