Harta interactivă în bliț

Acasă> Lecții> Acțiune script 3.0> Harta interactivă în Flash

O simplă carte poate fi făcută mai amuzantă și mai informativă. În această lecție vom arăta cum să obținem un astfel de efect încât, atunci când un cursor este indicat la un anumit oraș, fotografia sa este evidențiată.







Vom începe prin crearea unui nou document ActionScript. Atribuiți-i unui pixel 620 cu 420 de pixeli și îl vopsește la discreția noastră; framerate setat la 30. Primul layer al documentului nostru este numit Map. Aici introducem imaginea principală, adică cea care va fi fundalul (harta). Apoi, vom bloca acest strat, deoarece nu vom face nimic în viitor.

Următorul strat este un strat cu butoane în fiecare oraș. Noi numim Butoane. Prin instrumentul Oval, desenăm butonul, diametrul său este de aproximativ 25 de pixeli. Acest buton este transformat într-un clip video numit myButton și un punct de înregistrare în centru. La urma urmei, faceti butonul transparent prin cronologie.

Acum vom muta acest buton pe scena principală și o vom pune într-unul din orașe. Setați numele instanței utilizând setările. Cu primul buton ne-am confruntat, acum trecem la ceilalți. Pentru a face acest lucru, trebuie doar să copiați butoanele de câte ori este necesar și să setați numele de instanță corespunzător.







După toate acestea, blocăm din nou acest strat. Și apoi creați un altul - Marker. Aici trebuie să inserăm o imagine a indexului (poate fi găsită pe Internet). Din acesta facem un clip de film numit myMarker și un punct de înregistrare în caseta de jos centrală. Din nou, blocați stratul.

În noul clip video, există inițial un strat cu un singur cadru. Ar trebui să denumiți acest strat Marker și să creați pe el patru cadre suplimentare (apăsați de patru ori F5). După aceea, creați un alt strat - Orașe, iar prin F6 adăugăm patru, dar deja chei, cadre. Pe ultimul strat adăugăm imagini ale orașelor noastre (acestea sunt de asemenea pline pe Internet). Mai întâi, importați imaginea necesară și plasați-o deasupra pointerului. În cel de-al doilea cadru, numim muscat ca inspectorul de proprietăți. Acest lucru se face cu fiecare imagine și oraș.

Apoi, deschideți panoul Acțiuni (folosind butonul F9) și inserați codul: stop ();

După aceea, revenim la scena principală și punem intens marker_mc. Creând un nou strat prin acțiuni vom introduce codul, ceea ce va da interactivitatea hărții noastre statice. În loc de "orașul 1", "orașul 2", "orașul 3", "orașul 4" introducem numele orașelor noastre:

Ți-a plăcut materialul? Împărtășește-l cu prietenii tăi!







Articole similare

Trimiteți-le prietenilor: