U ovoj lekciji ćemo pogledati 2 pitanja:
Stvoriti novi sloj.
Klik desni klik pokazivačem miša na zadnjem kadru vašeg videa. Odaberite Inset Keyframe iz kontekstnog izbornika (također možete upotrijebiti tipku F6 za izradu ključnog okvira).
Dajte gumbu naziv, na primjer btnReplay.
Na sloju u koji ste dodali stop() metodu kliknite na posljednji okvir.
Otvorite ploču Radnje.
Crta ispod metode stop() ActionScript upišite naziv gumba, stavite točku i zatim upišite
AddEventListener(MouseEvent.CLICK, replay);
Stvorite rukovatelj događajima
Funkcija replay(event:MouseEvent):void ( )
Iznutra vitičaste zagrade dial
GotoAndPlay(1);
Pritisnite Ctrl + Enter.
Videozapis će se početi reproducirati. Na zadnjem kadru će se zaustaviti i pojavit će se gumb.
Pritisnite gumb. Videozapis će se reproducirati od početka.
Kliknite na gumb "Pozadina!".
dodatne informacijeDobra je praksa ključnom kadru dati oznaku umjesto da ga upućujete njegovim brojem. Glavni problem s referencama brojeva okvira, osim činjenice da ih je teško zapamtiti, je sljedeći: brojevi se mogu mijenjati kako se okviri dodaju ili uklanjaju iz filma, stoga namjeravana radnja neće biti izvedena ispravno!
Na primjer, posljednji okvir u vašem videu je 200, ali ako mu kasnije dodate još 10 okvira prilikom uređivanja, pozivanjem gotoAndStop(200) video se neće zaustaviti na zadnjem kadru, kao što je planirano, već 10 okvira prije njega . Nasuprot tome, ako ste posljednji blok označili kao "kraj", ne bi bilo problema - zaustavljanje bi se dogodilo na na pravom mjestu a dodani okviri ne bi ni na koji način utjecali na scenarij.
Još jedan pozitivna strana korištenje prečaca: pojavljuju se na vremenskoj traci, tj. Možete ih vidjeti i lako se kretati kada se takvi trenuci dogode u kodu, umjesto da ih tražite pomicanjem kroz videozapis.
Prečaci bi trebali biti postavljeni u ključne kadrove na zasebnom sloju koji je kreiran posebno za njih, iako ih mnogi Flash programeri kombiniraju zajedno sa skriptom, stavljajući sve na jedan sloj "akcije". Glavni zahtjev ovdje je da morate odvojiti i oznake i kod od slojeva s vizualnim elementima.
Omogućite JavaScript za pregled komentara.U ovoj lekciji ćemo pogledati stvaranje gumba koji će, kada se klikne, preusmjeriti na web mjesto.
Mi stvaramo novi dokument"ActionScript 3.0" Stvaranje gumba: nacrtajmo objekt na sceniNa ploči "vremenska traka" stvorite dva sloja, prvi se zove "akcije", drugi se zove "gumb".
Sada odaberite sloj "button" i nacrtajte gumb na njemu koristeći "Rectangle Primitive Tool".
Napravimo punjenje plave boje i malo zaokružite uglove.
Pretvorimo objekt u simbol. Da biste to učinili, koristite "Alat za odabir", koji se nalazi na desni panel, odaberite objekt i pritisnite desnu tipku miša, odaberite "Pretvori u simbol" u kontekstnom izborniku koji se pojavi, postavite "gumb" u polje "vrsta" i dajte objektu naziv "gumb1" u polju "ime" .
Dupli klik na objekt. Četiri okvira pojavila su se na ploči "timeline": "Gore", "Preko", "Dolje" i "Pogodak".
Okvir "gore" prikazuje gumb u normalnom stanju, kada kursor ne lebdi iznad njega i kada nije pritisnut. Okvir "Preko" prikazuje stanje gumba kada je kursor na njemu, a okvir "Dolje" prikazuje izgled gumb kada se klikne mišem. Okvir "Hit" prikazuje gumb nakon što se klikne, nećemo ga koristiti.
Okvir je već stvoren za "Gore", sada kreirajmo ključne okvire za ostale elemente. Da biste to učinili, odaberite željeni okvir i desnom tipkom miša kliknite poziv kontekstni izbornik, u kojem označavamo "Insert Keyframe".
Sada trebate urediti izgled gumba u svakom okviru zasebno. Ostavite element "Gore" nepromijenjen, odaberite "Preko" i idite na gornju desnu ploču programa. U postavkama "Boja" odaberite boju gumba koja je malo svjetlija od originalne.
Za element "Dolje" postavite boju tamniju nego inače.
Neka se gumb malo smanji kada se klikne. Da biste to učinili, na odabranom okviru "Dolje", odaberite alat "Free Transform Tool" na desnoj ploči.
Držite tipke Alt+Shift i smanjite veličinu objekta.
Možete vidjeti što se dogodilo. Da biste to učinili, idite na glavnu stranicu Glavni izbornik“File -> Publish Preview -> Flash” ili samo pritisnite ctrl+enter na tipkovnici.
Dodavanje teksta gumbuDodajmo sada tekst gumbu. Da biste to učinili, dok ste u načinu uređivanja button1, stvorite još jedan sloj na ploči "vremenska traka", na koji ćemo postaviti proizvoljan tekst.
Da bi se neka radnja dogodila kada se pritisne gumb, morate unijeti programski kod. Da biste to učinili, prebacite se s načina uređivanja gumba na način scene.
Pomoću “Alata za odabir” odaberite objekt i na desnoj ploči programa, u postavkama “Svojstva” u polju “Naziv instance” unesite naziv gumba kako biste mogli koristiti objekt u modu za programiranje. Nazovimo objekt "btn1".
Napišimo prvu liniju koda. Imajte na umu da ActionScript3.0 razlikuje velika i mala slova, što znači da male i velike riječi tretira kao različite. Dakle, pišemo:
Btn1.addEventListener(MouseEvent.CLICK, click1);
Pogledajmo ovu liniju malo detaljnije:
btn1 je gumb čije je ime dano u modu za uređivanje scene;
addEventListener - ovdje dodajemo rukovatelj događajima za gumb;
MouseEvent.CLICK - događaj - pritisnuta tipka miša;
click1 je značajka budućnosti, koji će učiniti ono što želimo da se dogodi kada se gumb klikne.
Napišimo funkciju za obradu gumba:
Funkcija click1(e:MouseEvent):void ( var url:String = "http://www.site"; var urlRequest:URLRequest = new URLRequest(url); navigateToURL(urlRequest); )
Pogledajmo neke točke u kodu:funkcija click1(e:MouseEvent):void je naziv funkcije s parametrom koji neće vratiti nikakve vrijednosti;
var url:String = "http://www.site"; — kreirajte string varijablu i odmah joj je dodijelite tekstualna vrijednost kao URL.
var urlRequest:URLRequest = new URLRequest(url); Kako bi gumb preusmjeravao na URL, morate stvoriti varijablu tipa URLRequest i proslijediti joj vrijednost dionice ili tekstualnu varijablu s takvom vrijednošću kao parametar.
navigateToURL(urlRequest); - preusmjeravanje na URL.
Pritisnite ctrl+enter i pogledajte što se događa.
Do sada smo gledali Flash filmove koji se reproduciraju bez intervencije gledatelja od početka do kraja. Međutim, Flash vam također omogućuje stvaranje interaktivne aplikacije, u kojem korisnik može kontrolirati prikaz sadržaja. U ovu lekciju Započet ćemo predstavljanjem elemenata skriptnog jezika Action Script i gledanjem kako se on može koristiti za stvaranje interaktivnih aplikacija. Kao primjer, napravimo foto album s elementima interaktivno sučelje. Ali prije nego što počnemo opisivati akcijsku skriptu, trebali bismo razgovarati o još jednoj vrsti simbola koju smo dosad ignorirali - simbolima gumba. Za izgradnju interaktivnog sučelja jednostavno su potrebni.
Stvaranje gumbaGumb je interaktivni filmski isječak s četiri kadra. Kada simbolu dodijelimo vrstu gumba, Flash stvara vremensku crtu od četiri okvira za novi simbol:
Up-stanje je okvir koji odgovara situaciji kada gumb nije pritisnut i pokazivač miša se ne nalazi iznad gumba;
Okvir iznad stanja koji prikazuje izgled gumba kada se pokazivač miša nalazi iznad gumba, ali gumb nije pritisnut;
U donjem stanju ovaj okvir prikazuje izgled gumba kada se pritisne;
Hit state definira područje u kojem gumb reagira na klik mišem; ovo područje nije vidljivo u isječku.
Za kreiranje gumba pokrenite naredbu Insert => New Symbol (možete upisati tipkovničku prečicu Control+F8). U dijaloškom okviru Stvori novi simbol koji se pojavi unesite naziv za simbol gumba (na primjer, but1) i odaberite vrstu simbola Gumb.
Flash će se prebaciti u način rada za uređivanje znakova, pružajući okvire Gore, Preko, Dolje i Hit. Prvi okvir, Gore, postaje prazan ključni kadar. Nacrtajmo nepritisnuti pogled na gumb u ovom okviru (slika 1).
Riža. 1. Gumb GORE okvira
Odaberimo drugi okvir, označen kao Over i koji odgovara stanju kada je kursor iznad gumba. Umetnimo ključni okvir u ovaj okvir (koristeći naredbu Insert => Keyframe), pri čemu će se pojaviti ključni okvir koji u potpunosti ponavlja sadržaj Up-frame-a. Promijenimo boju gumba, kao što je prikazano na sl. 2.
Slika 2. Gumb iznad okvira
Na sličan način dodajte sljedeći okvir (Donji okvir) i nacrtajte pritisnuto stanje gumba (Sl. 3).
Riža. 3. Gumb za donji okvir
Za sada nećemo ništa crtati u okviru Hit, ali ćemo se ovom okviru vratiti malo kasnije.
Idemo na glavnu scenu, pozovimo knjižnicu koristeći naredbu Window => Library i kreirajmo instancu simbola gumba povlačenjem na pozornicu (slika 4.)
Riža. 4. Stvorite instancu gumba povlačenjem iz biblioteke
Kao rezultat toga, dobivamo sljedeći film. Kao što se može vidjeti iz ovog filma, pritisak na tipku ne događa se samo kada mišem kliknemo na središnje (radno) područje tipke, već i kada kliknemo na okvir oko nje. To je zbog činjenice da ako hit okvir nije nacrtan, tada Radni prostor gumb će odgovarati gornjem okviru.
Da bi se tipka pritiskala samo u radnom području, potrebno je tu zonu definirati u Hit okviru, odnosno nacrtati tipku bez okvira (vidi sl. 5)
Riža. 5. Gumbi hit-frame
Nakon što dodamo potreban Hit-frame, dobit ćemo sljedeći film, u kojem kada kliknete na okvir, gumb se ne pritisne.
Da biste gumb učinili interaktivnim, morate povezati činjenicu klika na gumb s izvršenjem određene naredbe, odnosno opisati određeni scenarij. Za postavljanje skripti u Flashu postoji poseban jezik Akcijska skripta. U ovoj lekciji dotaknut ćemo samo mali dio mogućnosti ovog jezika, au budućnosti ćemo se vratiti na strukturu i sintaksu Action Scripta kako primjeri stvaranja interaktivnih filmova u Flashu budu postajali sve složeniji.
Razumijevanje akcijske skripteAction Script je skriptni jezik - skup uputa koje kontroliraju elemente Flash filma. Akcijske skripte mogu se ugraditi u film ili pohraniti izvana tekstualna datoteka s nastavkom AS.
Kada se scenarij ugrađuje u film, može se ugrađivati u različite dijelove filma. Točnije, akcijske skripte mogu sadržavati ključne kadrove, instance gumba i instance filmskog isječka. U skladu s tim, skripte se nazivaju radnje okvira, radnje gumba i radnje filmskog isječka.
Akcijske skripte pokreću se kada se dogode određeni događaji koje pokreće korisnik ili sustav. Mehanizam koji ukazuje Flash program, koja se naredba treba izvršiti kada se dogodi određeni događaj naziva se rukovatelj događajima.
Akcijska skripta ima vlastitu sintaksu, poput JavaScripta. Flash MX 2004 podržava Action Script od svih prethodne verzije Bljesak.
Jedan od glavnih koncepata akcijske skripte su akcije - naredbe koje izdaju upute tijekom izvođenja SWF datoteke. Na primjer, gotoAndStop() šalje playhead na određeni okvir ili znak. Od riječi Actions dolazi naziv jezika - Action Script (doslovno - akcijska skripta). Upoznat ćemo se s većinom koncepata ovog jezika na konkretnim primjerima.
Interaktivni foto albumPokažimo korištenje gumba za upravljanje fotoalbumom - stvorite skup fotografija i dodajte dva gumba koji će se kretati kroz fotografije naprijed i natrag.
Postavimo prvu fotografiju na glavnu vremensku traku i dodamo gumb iz standardnog skupa. Pristupiti željenu mapu treba učiniti Windows naredba=> Upravljačke ploče Zajedničke knjižnice => Gumbi (Sl. 6).
Riža. 6. Dodajte gumb iz standardna knjižnica
Kao rezultat izvršavanja ove naredbe, pojavit će se ploča koja sadrži veliki skup unaprijed nacrtanih gumba različite vrste. Odaberimo, na primjer, Key Buttons (gumbi slični tipkama na tipkovnici), otvorimo odgovarajuću mapu, odaberemo tipku s lijevom tipkom (slika 7) i stvorimo instancu ovog gumba (povlačenjem na pozornicu).
Riža. 7. Elementi mape Key Buttons
Imajte na umu da kada postavite drugi gumb (tipka-desno) na pozornicu i pomaknete ga da se poravna s prvim gumbom, program daje savjet ( točkasta linija), što vam omogućuje točno pozicioniranje gumba (Sl. 8).
Riža. 8. Automatsko poravnavanje tipki na istoj razini
Kako biste dodali skriptu potrebno je pozvati Action Script editor pomoću naredbe Window => Development Panels => Actions ili pritiskom na tipku F9. Ako planirate često pisati skripte, ovo je tipkovnička naredba koju vrijedi zapamtiti. Kao rezultat, pojavit će se uređivač akcijske skripte (slika 9).
Riža. 9. Ploče uređivača akcijskih skripti
Ako eksperimentirate isticanjem raznih elemenata na pozornici, dok istovremeno nadgledate poruke u uređivačkim pločama skripte akcije, vidjet ćete da program predlaže na koji element možete "okačiti" kod. Ako odaberete okvir na pozornici, u gornjem lijevom kutu uređivačke ploče pojavljuje se natpis Akcije - Okvir, a klikom na gumb pojavljuje se natpis Akcije - Gumb, odnosno program traži da će uneseni kod biti odnose se na skriptu gumba. A ako odaberete fotografiju, pojavit će se poruka u polju za unos skripte: Na trenutni odabir ne mogu se primijeniti akcije (skripta se ne može primijeniti na ovaj odabrani objekt).
Gumbu ćemo dodijeliti skriptu. U najnovije verzije ActionScript ima mogućnost pisanja centraliziranog koda, odnosno koda koji se nalazi na jednom mjestu, a ta vam mogućnost omogućuje bolje razumijevanje velikih programa. Međutim, u jednostavnim primjerima (a to je ono što gledamo), dodjeljivanje skripte gumbu savršeno je prihvatljivo.
Dakle, za gumb sa strelicom lijevo, moramo formalizirati sljedeći scenarij: "Ako se gumb otpusti na određenom okviru, tada iz ovog okvira morate ići na prethodni okvir." U skladu sa sintaksom jezika Action Script (slika 10), to će izgledati ovako:
Prvi redak sadrži rukovatelja događajem gumba on(), koji ima format:
Dodajmo sada nekoliko ključnih okvira tako da se gumbi stvoreni u prvom okviru kopiraju u njih, i postavimo potrebne fotografije u novostvorene okvire.
Ako kreirani film pokrenemo na izvršenje, kadrovi će se kontinuirano reproducirati jedan za drugim, te stoga prije svega trebamo dati naredbu “Stop” na prvom kadru. Da biste to učinili, dodajte odgovarajuću naredbu u prvi okvir (slika 11).
Riža. 11. Skripta dodijeljena prvom okviru
Napomena: naredba više nije dodijeljena gumbu, već okviru. Činjenica da je okviru dodijeljen skript zabilježena je u glavnom retku za uređivanje - malo slovo "a" pojavljuje se iznad podebljane točke u oznaci okvira.
Kao rezultat, dobili smo sljedeći film.
Ako imamo samo nekoliko okvira u foto albumu, tada su dva gumba - “Naprijed” i “Natrag” sasvim dovoljna, ali ako je skup fotografija velik, onda je poželjno imati i gumbe koji povezuju na početak i kraj filma. U sljedeći primjer dodat ćemo odgovarajuće gumbe: “Na prvi okvir” i “Na zadnji okvir”. Možete odabrati gumbe odgovarajuće mnemotehnike iz standardne biblioteke gumba iz mape Circle Buttons (Sl. 12).
Koristeći predloženi primjer, upoznat ćemo se s drugom naredbom, gotoAndStop(), koja vam omogućuje da prijeđete na željeni okvir i zatim se zaustavite.
Riža. 12. Gumbi iz mape Circle Buttons
Stavit ćemo kod na gumb za odlazak na prvi okvir (treći slijeva na slici 13), kao što je prikazano na slici. 13.
Riža. 13. Skripta za gumb “U prvom okviru”.
U slučaju fotoalbuma od pet okvira, dodajte prijelaznu skriptu "Do zadnjeg okvira" na zadnji gumb:
Do sada smo sve naredbe upisivali ručno, ali uređivačke ploče ActionScripta pružaju brojne usluge za automatizirano pisanje skripti. Razmotrimo te mogućnosti.
Riža. 14. Automatizirani alati za skriptiranje
Uređivačka ploča Action Script omogućuje odabir, povlačenje, preuređivanje i brisanje naredbi.
Pokažimo kako možete napisati istu skriptu za gumb "Naprijed" na automatiziran način. Odabirom mape Movie Clip Control (gornji lijevi prozor na sl. 14), možete pristupiti on event handler-u, a zatim trebate dvaput kliknuti na odgovarajuću stavku ili povući izraz u polje za pisanje skripte u Drag and Način pada.
Riža. 15. Savjet za dovršavanje izraza
Kao rezultat toga, na radnom polju će se pojaviti traženi izraz i ovakva naznaka (slika 15): odaberete željenu naredbu iz izbornika i izraz se automatski dovršava. Kao što se može vidjeti iz izbornika, možete odabrati ne samo stanje povezano s gumbima na ekranu - također možete odabrati iz izbornika Sl. 15 stavka keyPress “”, ili keyPress “”, što odgovara pritisku tipke tipkovnice(strelica lijevo, strelica desno), odnosno moguće je napraviti foto album koji će se “prelistavati” pomoću tipki na tipkovnici.
Riža. 16. Pozivi tipkama tipkovnice
Upotrijebimo naredbu keyPress “” (Slika 16), zatim idite u mapu Timeline Control, odaberite naredbu nextFrame i povucite je u radno polje (Slika 17).
Riža. 17. Naredba nextFrame može se pronaći u mapi Timeline Control
Za tipku koja vodi film na početak fotoalbuma, možete odabrati pritisak iz izbornika kao događaj Ključevi od kuće, a zatim (Sl. 18) povucite naredbu gotoAndStop na polje, uslijed čega će se pojaviti još jedan savjet o mogućoj sintaksi ove naredbe.
Strelice u opisu alata omogućuju vam pregled različite varijante sintaksa. Program nudi dvije mogućnosti (sl. 18 i 19), odnosno nudi postavljanje scene i okvira ili samo okvira. U našem slučaju dovoljno je navesti samo Frame. Ako je naziv scene izostavljen, zadano je skočiti na kadar trenutne scene.
Riža. 18. Savjet o mogućoj sintaksi naredbi
Riža. 19. Trokutasta strelica omogućuje pregled opcija sintakse
Nakon što svim gumbima dodijelimo odgovarajuće gumbi tipkovnice, dobit ćemo sljedeći filmić, gdje će se listanje fotografija odvijati s tipkovnice, a klikanje mišem na tipke na ekranu neće uzrokovati nikakve posljedice.
Je li moguće dati scenarij u kojem će različiti događaji dovesti do istih radnji? Ispostavilo se da možete - da biste to učinili, trebate ispisati popis naziva događaja u on rukovatelju događajima. Ako u popisu događaja iza prvog događaja stavite zarez, program će vam sam ponuditi izbornik (Slika 20).
Riža. 20. Kada u listu događaja unesete zarez, automatski se pojavljuje izbornik dodatnih naredbi
Dodajmo prvom događaju (pritisak tipke na tipkovnici) drugi događaj (otpuštanje tipke na ekranu):
uključeno (tipka Pritisnite "", otpustite) |
Ponovimo postupak za preostale gumbe i kao rezultat ćemo dobiti foto album u kojem će se fotografije pomicati i mišem i tipkovnicom (originalnu FLA datoteku možete dobiti na poveznici).
U razmatranom primjeru koristili smo prijelaz prema broju okvira, ali ova metoda nije uvijek prikladna: ako se numeriranje okvira promijeni tijekom procesa uređivanja filma, logika se može pokvariti. Pogodnije je koristiti prijelaz pomoću oznake okvira. Pogledajmo primjer koji zahtijeva ne samo listanje albuma, već i prelazak na različite odjeljke, odnosno složeniju navigaciju.
Neka se album sastoji od crteža, računalna grafika i fotografije.
Označimo prvi okvir odjeljka "crteži" Slike; slično ćemo dodijeliti oznake "grafika" i "fotografija" prvim okvirima ostalih odjeljaka.
Kreirajmo sloj za postavljanje naljepnica i nazovimo ga Lables. Da biste označili okvir, u panelu Svojstva potrebno je odabrati vrstu oznake Naziv i zapisati njen naziv. U našem slučaju, Slike (Sl. 21). Slično ćemo postaviti markere u okvire 5 i 10 (slika 22).
Riža. 21. Primjer dodjele oznake okviru
Dodajmo sada novi sloj i nazovimo ga Radnje. U prvom ključnom okviru sloja radnji pozovite panel radnji okvir (pritiskom na tipku F9) i unesite naredbu stop () (vidi sl. 22)
Riža. 22. Scenarij za prvo snimanje
Dodajmo još jedan sloj pod nazivom Subjects (predmeti), u kojem ćemo dati naslove odgovarajućim okvirima: “Drawings” (Sl. 23), “Graphics” i “Photos”.
Riža. 23. Naslov za okvire odjeljka "Crteži".
Sada dodamo gumbe izbornika sa sličnim nazivima sa strane, koje ćemo postaviti na novi sloj pod nazivom Izbornik.
Ispišimo prvu stavku izbornika "Slike" s lijevog ruba i pretvorimo je u simbol gumba. Pomoću alata strelica odaberite blok teksta“Pictures” i izvršiti naredbu Modify => Convert to Symbol (ova naredba se također može izvršiti pomoću tipke F8), u panelu Convert to Symbol postavljamo tip simbola Button i definiramo mu naziv kao pictureButton (slika 24).
Riža. 24. Dodijelite naziv pictureButton gumbu za odlazak na odjeljak sa slikama
Kreirajmo četiri okvira za gumb "Crteži": prvi će jednostavno predstavljati izvorni tekst(Sl. 25), drugi je isti tekst samo u plavoj boji, treći okvir ćemo preskočiti (u ovom slučaju Down okvir će biti isti kao Over okvir), a u Hit okviru nacrtat ćemo pravokutno područje koji će definirati gumbe područja klika (Sl. 26).
Riža. 25. Gornji okvir slike Button
Riža. 26. Hit-okvir gumba pictureButton
Sada moramo priložiti skriptu novostvorenom gumbu. Da biste to učinili, odaberite gumb u Sceni 1 i pritiskom na F9 pozovite panel Radnje, a zatim unesite kod prikazan na sl. 27.
Riža. 27. Skripta za prelazak na okvir s oznakom
Pitanje: Stvaranje gumba za prelazak na sljedeći okvir za uređivanje
Dobar dan, dragi forumaši. Stvar je u tome što nisam toliko upoznat s ActionScriptom 3.0, ali hitno moram izvršiti zadatak u njemu.
Postoji flash video s 5 okvira za uređivanje. Svaki okvir za uređivanje sadrži animaciju i glazbu. Na zadnjem kadru gdje završavaju animacija i glazba napravio sam gumb za prelazak na sljedeći okvir za uređivanje. Evo njegovog sadržaja:
| ActionScript 3 kôd | ||
|
||
Problem je što radi samo jednom. Oni. Prijelaz iz prvog okvira za uređivanje u drugi je normalan, ali na drugom se animacija više ne reproducira. Ne događa se baš ništa.
Možete li mi reći kako ispravno napisati kod za ovaj gumb? Bio bih zahvalan na pruženoj pomoći.
p.s. Koristim Flash Professional CS6.
Odgovor:
Poruka od Yulia_programmer
I na drugom okviru za uređivanje također postoji isti gumb? S istim kodom?
Nazivi instanci su različiti, ali kod je isti.
Već sam riješio ovaj problem. Umjesto nextframe napisao sam nextscreen. Sve je radilo kako sam trebao. Hvala vam
Pitanje: Onemogućavanje zvuka prilikom prebacivanja između rezova
Dobar dan forumaši.
Postoji flash video koji sadrži nekoliko okvira za uređivanje. Neke montaže sadrže zvuk. Zvuk se preklapa pri prebacivanju između okvira. Molim vas, recite mi kako to učiniti tako da se prilikom prebacivanja okvira i glazba isključi? Hvala unaprijed.
Odgovor:
Pitanje: Zvuk iz prve montaže prelazi u drugu
Dobar dan svima, pojavilo se sljedeće pitanje: kako mogu osigurati da zvuk iz prvog okvira za uređivanje ne prelazi u drugi?
Ukratko, radim crtani film o tenkovima i zvuk tenka u pokretu ide u drugi okvir za montažu, kada, kako je planirano, tenk samo stoji i puca. Reci mi kako to popraviti?
Hvala unaprijed svim ljudima koji su odgovorili!
Odgovor: kako pokrećete zvuk?
Pitanje: Izrada gumba za Google stranicu
Dobar dan, dragi gurue cyberforuma. Zaista nam je potrebna vaša pomoć da izradimo mali gumb za stranicu. Problem je u tome što uopće nisam upoznat s JavaScriptom, ali trebam gumb za stranicu sa sljedećim sadržajem:
Na stranici koju sam napravio, sites.google, imam ugrađen prozor s Google formom, postoji tekstualni prozor za unos nekih poštanski sandučić. Za praktičnost korisnika, želio bih ispod ovog obrasca napraviti gumb poput "Idi u svoj poštanski sandučić".
Koliko ja razumijem, skripta bi trebala uzeti tekst iz tog istog prozora i odrezati nepotrebne znakove, na primjer exampleuser u exampleuser@ domain.kg i prebaciti se u novom prozoru na tu istu domenu e-pošte.
Neke zamke Googleove stranice vrlo snažno blokiraju bilo koji JavaScript, ali postoje proširenja za umetanje koda JavaScript skripta- Ugrađeni Gadjet, možda on može pomoći.
Bio bih zahvalan za bilo kakvu informaciju o mom problemu. Ako trebate strukturu te iste stranice, ja ću dodati snimke zaslona.
Odgovor: html kod izborno, ali po mogućnosti ako je moguće i možete ga umetnuti sa skriptom. Skripta mora biti potpuno umetnuta.
Ovo je sranje, zadana vrijednost, gledaš u pregledniku kod elementa i koja ti se adresa prikazuje kad klikneš na gumb, ovisno o unesenoj adresi sandučića.
Pitanje: Kada kliknete na gumbe, pokažite sljedeću/prethodnu sliku
Postoji klizač koji se sastoji od jedne velike slike i sličica ispod nje, sa strelicama. Napravio sam tako da kada kliknete na središnju sliku ona se otvori i postane još veća, recite mi kako implementirati prijelaz na sljedeću/prethodnu sliku pomoću gumba< >
$(document).ready(function() ( $(".bxslider1").bxSlider(( pagerCustom: "#bx-pager1" )); $(".slider_boxes").on("click","#clacks ",function() ( var srcc = $(this).attr("src"); $("#shads").fadeIn(); $("#open_img").attr("src", srcc); var img_cl = $("#open_img").attr("class"); $("#big_imgs").fadeIn(); $(".slider_boxes").on("click", ".but_left", funkcija () ( //Pojavljuje se prethodna slika )); $(".slider_boxes").on("click", ".but_right", function() ( //Pojavljuje se slika )); )); $("# shads ").click(function() ( $("#shads").fadeOut(); $("#big_imgs").fadeOut(); )); ));
Odgovor: Kako zaključiti prethodnu i sljedeću sliku
Pitanje: Stvaranje gumba s efektom prekrivanja
Dobar dan
Trebalo mi je dva sata da odlučim u kojoj rubrici je bolje napraviti temu, jer ne znam na koji način pristupiti problemu =/
Htio bih napraviti gumb na web stranici, ali tako da u prvom planu bude nekakav video efekt (evo primjera koji sam napravio u After Effectsu)
Koji se alati mogu implementirati? Je li to uopće moguće?
Gumb bi se trebao ponašati "neovisno" o efektu animacije. Lebdio sam mišem - recimo da je postalo zeleno, kliknuo - crveno itd.
Hvala vam.
Odgovor: Zar stvarno nema opcija?
Reci mi skup osnovnih alata za stvaranje nestandardnog GUI-a s efektima animacije za web mjesto.
Razumijem da se možete petljati s CSS-om kao ovdje ili ovdje, ali ne mogu zamisliti kako riješiti svoj problem ovim sredstvima. Može li se pomoću css-a napraviti polukružni Input s dinamičkom pozadinom ili recimo da se u njega "ulije" tekućina i s mogućnošću unosa podataka?
Posvuda pišu da je Flash nadživio svoju korisnost, a da ne nude nikakvu alternativu. U 99% Flash lekcija, svi elementi/simboli su nacrtani unutar samog Flasha, što rezultira crtanim izgledom ala “Masyanya”. Neki crtići, neki igrice, neki GUI. Ne izgleda baš dobro, najblaže rečeno. “Pređite na HTML5”, kažu. Pa, reci mi kako napraviti animaciju na vrhu pomoću platna. Ručno crtanje sprite animacije u 100 redaka koda upravo je ono što sam sanjao i čekao u HTML5. Ali možete crtati linije.
Ovdje je Photoshop, u kojem mogu nacrtati, recimo, 4 stanja za gumb. Objasnite zašto moram raditi iste radnje putem CSS-a ili ponovno crtati istu stvar u Flashu?
Što više pokušavate shvatiti, to više zaglavite =/
Pitanje: Stvaranje gumba (upišite "gumb" ili upišite "slika"?)
Izgled psd predložak, pojavila se potreba za korištenjem gumba s vlastitom pozadinom u obliku slike. Kako ne bih brinuo, odlučio sam koristiti input type="image", hoće li biti moguće obraditi klik na takav gumb za slanje obrasca? Ili je potrebno koristiti type="button"?
Odgovor:
| HTML5 | ||
|
||
| Javascript | ||
|
||
Pokaži mi sliku gumba, možda možeš stilizirati slanje
Pitanje: Gumbi prestaju raditi ( Adobe Flash)
Napravio sam nekoliko slojeva, svaki sloj ima svoj gumb sa linkom koji treba otvoriti. Ali nakon što postavim ove slojeve na animaciju (glatko se krećući iza ruba), gumbi prestaju raditi, zapisnik kaže
Cutscene 1, sloj radnji, okvir 1, redak 10, stupac 1 1120: Poništavanje nepostojećeg svojstva button_1.
Scena 1, sloj radnji, okvir 100, redak 10, stupac 1 1120: Invertiranje nepostojećeg svojstva button_1.
Izrez 1, sloj radnji, okvir 200, redak 10, stupac 1 1120: Poništavanje nepostojećeg svojstva button_2.
Izrez 1, sloj radnji, okvir 300, redak 10, stupac 1 1120: Invertiranje nepostojećeg svojstva button_3.
Izrez 1, sloj radnji, okvir 400, redak 10, stupac 1 1120: Invertiranje nepostojećeg svojstva button_4.
kako natjerati gumbe da rade i nakon animacije?
Odgovor: Naišao sam na drugi problem, spremio sam i otvorio svoj swf u pregledniku, ali kada kliknem na gumb ne ide na stranicu (ide iz Adobe Flasha) što je bilo? chrome preglednik
Pitanje: Izrada gumba koristeći CSS
Bok svima. Pokušavam shvatiti kako napraviti gumb koristeći CSS. Sami parametri su sljedeći: visina - 45px, širina - 110px, tip dizajna - ovalni. Kada kliknete na gumb, trebao bi se pojaviti učinak klika (pritisak, ne znam kako pravilno objasniti), a zatim idite na vezu unutar gumba.
Sumnjam da bi trebalo biti ovako:
| CSS kod | ||
|
||
Pitanje: Kada kliknete na gumb, idite na sidro i otvorite blok
Zdravo!
Molim pomoć.
Na web stranici u zaglavlju nalazi se obrazac za filtriranje s gumbom
Odaberite klima uređaj
Rezultati sortiranja filtera prikazani su u bloku ispod
odjeljak class="odabir,
prije primjene filtra, tamo se prikazuju svi zapisi bez sortiranja
Ovo je zadatak.
U početku sakrijte blok sa zapisima kada kliknete na gumb za slanje Morate prikazati blok i podići ga (klizati po ekranu).
Kako sam probao.
Usidren ispred bloka
Prvo, sidro radi samo ako je gumb omotan vezom na sidro i, štoviše, ako je takva poveznica postavljena pored njega, mora biti skrivena.
Odaberite duplikat klima uređaja
Drugo, kada sam instalirao skriptu koja prikazuje blok sa zapisima kada se klikne gumb, prijelaz na sidro je nestao.
function resu() ( $(".selection").hide(); $(".goresult").click(function(event) ( event.preventDefault(); // Tako da kada kliknete na vezu ne ne povraćam $(".selection").slideToggle(); )); resu();
Kako sve to raditi zajedno i istovremeno?
Odgovor: Prokletstvo, rano se radujem...
Otvara se i skrola, da, ali odabir je prestao raditi, prikazuje sve zapise bez filtriranja...
Već smo malo naučili crtati, pa vam želim dati priliku da se upoznate s vrlo zanimljivim područjem Flasha - stvaranjem gumba. Jednostavno sam zadivljen upotrebom ovih čarobnih simbola u svoje svrhe. Za razliku od drugih okruženja, što je ono što me fascinira kod Flasha, stvaranje gumba ne uključuje samo definiranje algoritma za način rada gumba, već i njegovo stvaranje. Oni. Sami crtamo i smišljamo kako će naš gumb raditi, što će se s njim dogoditi kada ga pritisnemo, kada lebdimo kursorom i još mnogo toga. Uvjeravam vas, takav raspon mašte potiče vas na nova otkrića i ++ na vaše ognjište zadovoljstva od onoga što ste učinili :)
Kako nastaje gumb i zašto je uopće potreban? Gumb se koristi gotovo svugdje i uvijek. Poanta gumba je da kada se koristi na neki način (ne ISO, nije sveto), događaji se događaju koji su određeni sadržajem gumba ili njegovim utjecajem. Može se koristiti trivijalno, od prelaska na drugi okvir klikom na njega do nevjerojatnih algoritamskih izračuna ili nastanka svakojakih događaja. Ovdje nema ograničenja za maštu. Kada kliknete na gumb koji sadrži skup naredbi, stvara se događaj koji se kasnije koristi.
U ovom članku želim pogledati pomoću gumba kao prijelaza na novi okvir. Odnosno: postoji nekoliko okvira, ali oni ne zamjenjuju jedan za drugim, budući da smo na prvom okviru instalirali naredbu stop() (govorio sam o tome). Dakle, zamislimo: imamo dva okvira, na svakom od njih postoji natpis koji obavještava o broju ovog okvira za vidljivost i lakšu percepciju. Na prvom i drugom okviru imamo gumb. Uzeo sam gotovo dugme iz Adobe knjižnice Flash CS4 (da lijepo izgleda), ali preporučam da gumb napravite sami. Kako se to radi?
Nacrtajte objekt po izboru i boji, sličan gumbu (ako želimo od njega napraviti gumb), zatim selektirajte cijeli nacrtani objekt i pritisnite tipku F8. Pojavit će se zahtjev s pitanjem što želimo učiniti s objektom koji smo odabrali. Moramo odabrati jednu od opcija:
Stoga se pri uzgoju gumba iz predmeta daju neke mogućnosti: kada dvostruki klik kliknite na novonastali gumb, otvorit će vam se unutarnja struktura našeg ključa koju ću sada opisati i pokušati detaljno opisati. Za početak ću iznijeti viđenje komisije dvostruki klik lijevom tipkom miša na stvorenom gumbu:
Vidimo da smo unutar gumba i pažljivo pregledamo njegovu strukturu u području okvira: ima 4 točke:
Gumb smo malo sredili, idemo sada kroz plan po kojem želimo provesti našu ideju. Imamo dva okvira, od kojih svaki ima svoj natpis koji nam govori o broju okvira koji se igra, plus dodali smo isti gumb napravljen za svaki okvir (možete ga odabrati u biblioteci naših komponenti):
Dakle, već imamo dva okvira sa svojim tekstom i istom tipkom. Prođimo sada kroz kod koji ćemo implementirati u naše okvire i gumb. U prvom okviru, kao što sam gore napisao, pišemo stop() , i tu naredbe okvira zapravo završavaju :)
Sve ostale operacije izvršit ćemo pomoću koda u gumbu, a vrijedi odmah shvatiti da će naredbe za gumb u svakom okviru biti različite, odnosno da se ne prenose iz prethodnog okvira. Odaberemo prvi okvir kao aktivan i jednim klikom odaberemo naš gumb. U prozoru Radnje sada možemo napisati vlastiti kod za gumb. Ovo je ono što trebamo unijeti u kod gumba koji se nalazi u prvom okviru:
Uključeno (otpuštanje) ( gotoAndStop(2); )
Sada ću sve objasniti: na (otpuštanje) - ovu operaciju određuje nam da je ono što slijedi u uglatim zagradama kod koji će se izvršiti kada se klikne na ovaj gumb. Odnosno, pritisnemo tipku i unutar nje se pročita zadani kod. Što će se dogoditi unutra? Unutar uglatih zagrada ćemo napisati, već
Što smo dobili: kada pritisnemo gumb, idemo na reprodukciju kadra broj 2. Iako se u početku zaustavljamo na kadru broj 1, jer on sadrži naredba stop(). Sada, pritiskom na tipku iz prvog kadra, nastavljamo s reprodukcijom drugog.
Drugi okvir nema unutar sebe naredbe za izvršavanje, ali mi se zaustavljamo na njemu, budući da smo pri prelasku iz okvira 1 dobili naredbu da se zaustavimo na ovom okviru (od gotoAndStop (2)). Stoga se zamrzavamo na ovom okviru i vidimo neku vrstu statične slike. Kako se sada možemo vratiti na 1 okvir? Mislim da ste već pogodili - za gumb drugog okvira ćemo napisati prethodno korišteni skup naredbi, mijenjajući samo broj okvira na koji ćemo ići:
on (release) ( gotoAndStop(1); ) Nećemo pogriješiti ako umjesto toga GotoAndStop(1) zapisat ćemo gotoAndPlay(1), budući da ćemo se u svakom slučaju zaustaviti na okviru 1 jer se u njemu nalazi naredba Stop(), koji će u svakom slučaju zaustaviti reprodukciju na kadru 1 jer će kod prvog kadra biti pročitan tek nakon naredbi drugog kadra s kojeg smo napravili skok. Pogledajmo što smo trebali dobiti u flashu:
Rezultat: pritiskom na tipku vršimo prijelaze između prvog i drugog okvira. Ova implementacija Vrlo često se koristi u životu, kada pritiskom na gumb treba izvesti neki događaj ili prijelaz. Također se može koristiti u raznim situacijama: kada trebate pokrenuti isječak (o tome ću kasnije), promijeniti renderiranje okvira, postaviti druge naredbe za okvir, izvršiti računske operacije i još mnogo, mnogo više. Pokušajte malo eksperimentirati i mijenjati gdje koristite naredbe i akcije koje već poznajete. Veselim se vašim rezultatima i pitanjima! :)
