ßê çðîáèòè êàðòó íà ôëåø

³äåî - "2 ñ³ì êàðòè ³ êàðòà ïàì`ÿò³ â îäèí ñëîò"

Òåõíîëîã³ÿ ôëåø äຠìîæëèâ³ñòü ñòâîðåííÿ ÿê ö³ëèõ âåá-ñàéò³â, òàê ³ îêðåìèõ éîãî åëåìåíò³â: ìåíþ, øàïêè ³ òàê äàë³. Âè ìîæåòå äîäàòè íà ñâîþ âåá-ñòîð³íêó êàðòó, çðîáëåíó çà äîïîìîãîþ Flash.
Âàì çíàäîáèòüñÿ
  • - Adobe Flash CS3.
²íñòðóêö³ÿ
1
ϳäãîòóéòå ãðàô³÷í³ çîáðàæåííÿ äëÿ ôëåø-êàðòè. Âðàõóéòå, ùî âåêòîðíà ãðàô³êà º á³ëüø êîìïàêòíîþ ³ äîçâîëÿº ñòâîðåííÿ ðîëèêà íåâåëèêîãî ðîçì³ðó. Òîìó êàðòó Îòð³ñ çà äîïîìîãîþ ðåäàêòîðà âåêòîðíèõ çîáðàæåíü, íàïðèêëàä, Adobe Illustrator. Çáåðåæ³òü îòðèìàíèé ãðàô³÷íèé ôàéë äëÿ ñòâîðåííÿ flash-êàðòè.



2
Çàïóñò³òü ïðîãðàìó Adobe Flash CS3, ³ìïîðòóéòå ôàéë íà ñöåíó. Âèêîíàéòå êîíâåðòàö³þ øàð³â êàðòè â ôëåø, äëÿ öüîãî âñòàíîâ³òü ïðàïîðåöü ïðè ³ìïîðò³ á³ëÿ ïîëÿ Place objects at original position. ϳñëÿ öüîãî íà ñöåí³ âè ïîáà÷èòå íàá³ð îá`ºêò³â.
3
³äðåäàãóéòå ¿õ - äîäàéòå êîðäîíó. Êëàöí³òü äâ³÷³ ïî îá`ºêòó, óâ³éä³òü â ðåæèì ðåäàãóâàííÿ, ïîò³ì â³çüì³òü ³íñòðóìåíò Ink Bottle tool, çàëèéòå êîðäîíó â³äì³ííèì â³ä ôîíó êîëüîðîì. Ïîâòîð³òü äàíó ä³þ äëÿ âñ³õ îá`ºêò³â íà êàðò³.
4
Ïåðåòâîð³òü ñòâîðåí³ îá`ºêòè â ºäèíó âåêòîðíó êàðòèíêó, äëÿ öüîãî âèêîðèñòîâóéòå îïåðàö³þ Break Apart. Äàë³ ñòâîð³òü ç îá`ºêò³â êë³ïè àáî ñïðàéò, êîæíîìó íàçâ³òü äëÿ çä³éñíåííÿ íàä íèì ïîòð³áíèõ ä³é çà äîïîìîãîþ ñêðèïò³â. Ìåæ³ îáëàñòåé âèä³ë³òü ³ ïåðåòâîð³òü â îäèí êë³ï, ïîì³ñò³òü éîãî íà øàð, ÿêèé çíàõîäèòüñÿ âèùå êë³ï³â ç îáëàñòÿìè.
5
Íàïèø³òü êîä äëÿ ñâ êàðòè, äëÿ öüîãî âèä³ë³òü îñíîâí³ ÷àñòèíè êàðòè. ßê ïðàâèëî, öå îáëàñò³ àáî ðåã³îíè, ³ ïîâåä³íêó ¿õ îäíàêîâå. Òîìó íàïèø³òü êëàñ Region, ÿêèé ðåàë³çóº ïîâåä³íêó âñ³õ îá`ºêò³â. Äàë³ ïð³ñîºäåí³òå êëàñ äî ñèìâîë³â á³áë³îòåêè.
6
Çàâàíòàæòå Xml-äàí³, ïî íèì ïðîâåä³òü ³í³ö³àë³çàö³þ îá`ºêò³â ³íòåðàêòèâíî¿ êàðòè: ðîçôàðáóéòå ðåã³îíè, çàäàéòå ò³ îáëàñò³, ÿê³ áóäóòü ðåàãóâàòè íà êëàöàííÿ ìèø³. Äëÿ öüîãî âèêîðèñòîâóéòå ñòâîðåííÿ Xml-êëàñó, ùî çàâàíòàæóº ôàéë ç äàíèìè ³ îáðîáíîãî éîãî.
7
Ñòâîð³òü íîâèé øàð â ôàéë³ ç ãðàô³êîþ, ïîì³ñò³òü â íüîãî êîä, ÿêèé áóäå ³í³ö³àë³çóâàòè êàðòó: Çàâàíòàæóâàòè äàí³, ãîòóâàòè â³äîáðàæàþòüñÿ îá`ºêòè äî ðîáîòè. ϳñëÿ çàâàíòàæåííÿ äàíèõ êàðòà çàïóñòèòüñÿ ³ áóäå ïðàöþâàòè. Ïðèêëàä êîäó ìîæíà ïîäèâèòèñÿ íà ñàéò³ https://richflash.org/2010/02/23/how-do-interactive-map-2/.

Ïîä³ëèñÿ â ñîö ìåðåæàõ:

Óâàãà, ò³ëüêè ÑÜÎÃÎÄͲ!
Ñõîæ³
» » ßê çðîáèòè êàðòó íà ôëåø