flash地圖制作教程

()flash地圖制作教程.()flash地圖制作教程.()flash地圖制作教程.精選文檔對(duì)于flash，大家或多或少都有所認(rèn)識(shí)。比方上網(wǎng)，各處都能看到flash的存在。flash的應(yīng)用也是八門(mén)五花。今日我們講的是用flash做電子地圖。此刻在網(wǎng)上隨地都能找到電子地圖，此中全局部都是java來(lái)開(kāi)發(fā)的，其合用flash也能夠做電子地圖。且界面還比較美麗。此刻網(wǎng)上已經(jīng)合用flash做的電子地圖了。且呈張開(kāi)趨向。象"中國(guó)電子地圖網(wǎng)"里面的地圖就是用flash做的。還有九江，五邑等地圖也都是用flash來(lái)達(dá)成的。此刻我們就來(lái)學(xué)慣用flash做電子地圖，第一要認(rèn)識(shí)電子地圖的功能，最主要的功能就是方便你查找，還有就是能夠有選擇性的顯示。比方我到一個(gè)城市，我要去一個(gè)地方，假如有一張地圖，你需要一點(diǎn)一點(diǎn)的看，還要找怎么去。而電子地圖就不同樣樣了，你能夠搜尋，就直接標(biāo)出那個(gè)地方，還能夠夠告訴你幾路公交車(chē)到，周邊有什么酒店，飯館等等。因此，電子地圖一般要具備的功能是:放大，減小，挪動(dòng)，地點(diǎn)鏈接(相信介紹)，搜尋，等一系列功能。這么大的數(shù)據(jù)量是不愿保留在flash里的，從技術(shù)的層面來(lái)說(shuō)，就是要做到數(shù)據(jù)和圖層的動(dòng)態(tài)載入，實(shí)現(xiàn)數(shù)據(jù)的模糊，智能，地區(qū)查問(wèn)等功能?？赵捝僬f(shuō)，第一我們來(lái)認(rèn)識(shí)flash的mc(電影剪輯)，已經(jīng)做電子地圖所用到的幾個(gè)屬性。以下：_x//相對(duì)于父級(jí)電影剪輯的當(dāng)?shù)刈鴺?biāo)的x坐標(biāo)。假如電影剪輯在主時(shí)間軸中，那么其坐標(biāo)系統(tǒng)將舞臺(tái)的左上角作為(0,0)。_y//相對(duì)于父級(jí)電影剪輯的當(dāng)?shù)刈鴺?biāo)的y坐標(biāo)。假如電影剪輯在主時(shí)間軸中，那么其坐標(biāo)系統(tǒng)將舞臺(tái)的左上角作為(0,0)。_width//電影剪輯的寬度，以像素為單位。_height//電影剪輯的高度，以像素為單位。_xscale//確立從電影剪輯注冊(cè)點(diǎn)開(kāi)始應(yīng)用的電影剪輯水平縮放比率。默認(rèn)注冊(cè)點(diǎn)為(0,0)。_yscale//設(shè)置從電影剪輯注冊(cè)點(diǎn)開(kāi)始應(yīng)用的電影剪輯垂直縮放比率。默認(rèn)注冊(cè)點(diǎn)為(0,0)。利用鼠標(biāo)和鍵盤(pán)來(lái)達(dá)成地圖的放大、減小、拖動(dòng)等功能：startDrag函數(shù)//履行startDrag()操作后，電影剪輯將保持可拖動(dòng)狀態(tài)。stopDrag函數(shù)//和startDrag是一對(duì)函數(shù)，用于停止目前的拖動(dòng)操作。根本上就這么多了，一會(huì)碰到那個(gè)再詳盡講。下邊我們一步一步來(lái)做電子地圖：精選文檔精選文檔一、第一我們打開(kāi)flash新建一個(gè)電影，大小設(shè)為寬：440px高：316?！惨罁?jù)你的需要來(lái)設(shè)定〕。二、此后倒入一張你準(zhǔn)備好的地圖，我的是一張880╳632的〔這樣放大時(shí)見(jiàn)效會(huì)好好多〕，導(dǎo)入到庫(kù)中。此后打開(kāi)庫(kù)，選擇地圖拖入出席景中，變換成電影剪輯，注冊(cè)點(diǎn)選那么中央，這樣放大減小就以這個(gè)地圖的中央為中心了。取名為map_mc〔重要的事下邊的名字〕。因?yàn)槌绦蛞刂七@個(gè)地圖，因此要給他起個(gè)名字。精選文檔精選文檔三、好了，地圖剪輯建好了，我們就開(kāi)始用程序控制他了。第一，我們來(lái)實(shí)現(xiàn)放大減小。有的介紹的是用_width和_height這兩個(gè)屬性，也能夠?qū)崿F(xiàn)，但沒(méi)有_xscale和_yscale方便。因?yàn)開(kāi)xscale和_yscale直接就是原大小的百分比。新建一個(gè)圖層，選中此后在場(chǎng)景中畫(huà)個(gè)方塊，變換成按鈕〔和地圖同樣，但是次選擇的是按鈕〕。給按鈕命名為fangda_btn，選擇這個(gè)按鈕，打開(kāi)動(dòng)作面板寫(xiě)上如圖的程序：同理成立減小和還原的按鈕。放大按鈕上的程序：on(press){//當(dāng)鼠標(biāo)按下的時(shí)候履行下邊的程序map_mc._xscale=map_mc._xscale+10;//地圖在x軸上的百分比增添10map_mc._yscale=map_mc._yscale+10;//地圖在y軸上的百分比增添10}減小按鈕上的程序：on(press){//當(dāng)鼠標(biāo)按下的時(shí)候履行下邊的程序map_mc._xscale=map_mc._xscale-10;//地圖在x軸上的百分比減少10map_mc._yscale=map_mc._yscale-10;//地圖在y軸上的百分比減少10}還原按鈕上的程序：on(press){//當(dāng)鼠標(biāo)按下的時(shí)候履行下邊的程序map_mc._xscale=100;map_mc._yscale=100;

//地圖在//地圖在

x軸上的原大小y軸上的原大小}在時(shí)間軸上的程序：〔因?yàn)橥蟿?dòng)的四地圖，不用按鈕，自然，其余的也能夠?qū)懙綍r(shí)間軸上〕map_mc.onMouseDown=function()startDrag(map_mc);//鼠標(biāo)能夠拖動(dòng)地圖

{

//當(dāng)鼠標(biāo)按下的時(shí)候履行}map_mc.onMouseUp=

function

()

{

//當(dāng)鼠標(biāo)彈起〔嚴(yán)禁時(shí)〕精選文檔精選文檔stopDrag();//停止拖動(dòng)}最后，大家可能會(huì)發(fā)現(xiàn)，假如向來(lái)減小，就會(huì)出現(xiàn)問(wèn)題，今后反而變大了，拖動(dòng)能夠把地圖拖出去，這些都不是我們想要的見(jiàn)效，我們下一次會(huì)專(zhuān)門(mén)解說(shuō)這個(gè)問(wèn)題，在這先顯露一下，我們下一節(jié)講的是限制放大和減小，挪動(dòng)的界限。以及內(nèi)容會(huì)跟著地圖的放大減小自動(dòng)隱蔽和顯示等問(wèn)題。其余，因?yàn)樽约阂膊皇呛芫珪?，假如哪兒出現(xiàn)錯(cuò)誤或粗心之處還請(qǐng)給與指正，歡送大家一同溝通商討。不知道大家看了上一篇有什么感覺(jué)，或許對(duì)妙手來(lái)說(shuō)是太簡(jiǎn)單了，但對(duì)入門(mén)者來(lái)說(shuō)應(yīng)當(dāng)還能夠夠吧。我們一步一步來(lái)深入，以抵達(dá)真實(shí)的電子地圖。假如大家按上一篇教程做了，就會(huì)發(fā)現(xiàn)問(wèn)題，那就是假如向來(lái)減小，就會(huì)出現(xiàn)問(wèn)題，今后反而變大了，拖動(dòng)能夠把地圖拖出去，這些都不是我們想要的見(jiàn)效。今日我們來(lái)解決這些問(wèn)題，其余還有信息的顯示等一些內(nèi)容。容會(huì)跟著地圖的放大減小自動(dòng)隱蔽和顯示等問(wèn)題。好了，空話少說(shuō)，下邊我們來(lái)看看今日要學(xué)習(xí)的主要內(nèi)容：限制地圖的放大和減小限制地圖的界限內(nèi)容的顯示和隱蔽兩點(diǎn)間距離的丈量主要用到的actionscript代碼〔除上節(jié)講的之外〕以下：_visible一個(gè)布爾值，指示電影剪輯能否處于可見(jiàn)狀態(tài)。True為可見(jiàn)false為不可以見(jiàn)。也可用表示。Math.floor()返回由參數(shù)x指定的數(shù)字或表達(dá)式的下限值。下限值是小于等于指定數(shù)字或表達(dá)式的最湊近的整數(shù)。Math.floor(12.5)的值為12Math.floor(-6.5)的值為-7。Math.pow〔〕計(jì)算并返回x的y次冪。Math.pow〔x，y〕表示x的y次方。精選文檔精選文檔Math.sqrt()

計(jì)算并返回指定數(shù)字的平方根。

Math.sqrt(16)

的值為4。lineStyle〔〕設(shè)置線條的款式。線的粗細(xì)為3px，顏色為紅色，

lineStyle

〔3，0xff0000

，100〕表示要畫(huà)的透明度為

100，不透明。moveTo()

將目前繪畫(huà)地點(diǎn)挪動(dòng)到

(x,

y)。假如缺乏任何一個(gè)參數(shù)，那么此方法將失敗，而且目前繪畫(huà)地點(diǎn)不改變。lineTo()使用目前線條款式繪制一條從目前繪畫(huà)地點(diǎn)到(x,y)的線條；目前繪畫(huà)地點(diǎn)隨后會(huì)設(shè)置為(x,y)。假如正在此中繪制的電影剪輯包括用Flash繪畫(huà)工具創(chuàng)辦的內(nèi)容，那么調(diào)用lineTo()方法將在該內(nèi)容下邊進(jìn)行繪制。假如在對(duì)moveTo()進(jìn)行任何調(diào)用以前調(diào)用了lineTo()，那么當(dāng)前繪畫(huà)地點(diǎn)默以為(0,0)。假如缺乏任何一個(gè)參數(shù)，那么此方法將失敗，而且目前繪畫(huà)地點(diǎn)不改變。createEmptyMovieClip()創(chuàng)辦一個(gè)空電影剪輯作為現(xiàn)有電影剪輯的子級(jí)。此方法的行為近似于attachMovie()方法，但是不用為新的電影剪輯供給外面鏈接表記符。新創(chuàng)辦的空電影剪輯的注冊(cè)點(diǎn)為左上角。假如缺乏隨意一個(gè)參數(shù)，那么此方法將失敗。createTextField

()

創(chuàng)辦一個(gè)新的空文本字段作為在其上浮用此方法的電影剪輯的子級(jí)。用

removeTextField()MovieClip.createTextField()

刪除文本字段。只好對(duì)使創(chuàng)辦的文本字段履行此操作。當(dāng)調(diào)用此方法時(shí)，將刪除文本字段。此次的根本上就這么多了，下邊我們一步一步來(lái)實(shí)此刻日的內(nèi)容。1、我們要實(shí)現(xiàn)的見(jiàn)效就是一步一步實(shí)現(xiàn)數(shù)據(jù)顯示和隱蔽，第一我們來(lái)創(chuàng)辦一個(gè)地圖元件，命名為map_mc。雙擊進(jìn)去編寫(xiě)這個(gè)元件，再創(chuàng)辦路，政府單位，中等路，單位，小道。

4個(gè)圖層。一共

5個(gè)圖層，分別為顯示大在各自的圖層分別寫(xiě)入各自的內(nèi)容。分別命名為：map1_mc、map2_mc、map3_mc、map4_mc、map5_mc?！踩缬覉D〕精選文檔精選文檔2、這步我們就要立功能按鈕，我們把他們放到左面，我們先來(lái)建一個(gè)放大的元件，第一畫(huà)一個(gè)放大的圖標(biāo)，按F8，建一個(gè)名為fangda_mc的電影剪輯。雙擊進(jìn)去編寫(xiě)，以以以下圖?！惨砸砸韵聢D〕3、重復(fù)第2步的步驟，分別創(chuàng)辦suoxiao_mc(減小)、yuantu_mc(還原)、tuodong_mc(拖動(dòng))、celiang_mc(丈量)。4、放大、減小、拖動(dòng)、還原上節(jié)多已經(jīng)講過(guò)了，但跟著功能的增添，會(huì)愈來(lái)愈亂，因此我們把代碼一致同來(lái)。并盡量把代碼寫(xiě)到時(shí)間軸上，以便管理和改正。第一是初始化地圖的代碼和自定義函數(shù)：停止播放stop();放大，減小，還原，拖動(dòng)，丈量的控制變量varchengxu;全部左側(cè)功能按鈕的初始化函數(shù)〔把左側(cè)功能按鈕都停止在第一幀〕functionchushi(){_root.fangda_mc.gotoAndStop(1);_root.suoxiao_mc.gotoAndStop(1);_root.yuantu_mc.gotoAndStop(1);_root.tuodong_mc.gotoAndStop(1);_root.celiang_mc.gotoAndStop(1);}初始化地圖函數(shù)〔把先不要顯示的都隱蔽〕functionchushimap(){=0;=0;=0;=0;}履行初始化地圖函數(shù)〔把先不要顯示的都隱蔽〕chushimap();初始化功能提示函數(shù)精選文檔精選文檔functiongongnengtishi(){=0;=0;=0;=0;=0;}履行初始化功能提示函數(shù)〔把提示隱蔽〕gongnengtishi();地圖地區(qū)限制函數(shù)〔限制地圖走開(kāi)屏幕〕functionxianzhi(){=function(){/200}if(map_mc._x<320-320*map_mc._xscale/200){map_mc._x=320-320*map_mc._xscale/200}/200}if(map_mc._y<240-240*map_mc._yscale/200){map_mc._y=240-240*map_mc._yscale/200}}}信息的顯示和隱蔽函數(shù)〔放大顯示和減小隱蔽〕functionxianshi(){vardx=_root.map_mc._xscale;if(dx>=120){=1;if(dx>=140){=1;if(dx>=160){isible=1;if(dx>=180){=1;}else{=0;}}else{精選文檔精選文檔isible=0;=0;}}else{=0;=0;=0;}}else{chushimap();}}丈量函數(shù)functionceliang(){varsx,sy;_root.map_mc.cl_mc.clear();_root.map_mc.cl_mc.cl_txt.removeTextField();sx=_root.map_mc._xmouse;sy=_root.map_mc._ymouse;draw=true;onMouseMove=function(){if(draw){_root.map_mc.createEmptyMovieClip("cl_mc",1);_root.map_mc.cl_mc.lineStyle(1,0x009900,80);_root.map_mc.cl_mc.moveTo(sx,sy);_root.map_mc.cl_mc.lineTo(_root.map_mc.cl_mc._xmouse,se);ttt=Math.floor(Math.sqrt(Math.pow(_root.map_mc.cl_mc._width,2)+Math.pow(_root.map_mc.cl_mc._height,2)));_root.map_mc.cl_mc.createTextField("cl_txt",1,_root.map_mc.cl_mc._xmouse,_root.map_mc.cl_mc._ymouse-22,100,22);=ttt+"m";}};onMouseUp=function(){draw=false;}};5、Map_mc功能的代碼以下〔map_mc的全部功能〕：=function(){if(chengxu=="fangda"){精選文檔精選文檔<200){+=10;+=10;xianshi();}}elseif(chengxu=="suoxiao"){>100){-=10;-=10;xianshi();}}elseif(chengxu=="yuantu"){=100;=100;=160;=120;chushimap();}elseif(chengxu=="tuodong"){startDrag(_root.map_mc,false);xianzhi();}elseif(chengxu=="celiang"){celiang();}}=function(){stopDrag();}6、左側(cè)功能按鈕的功能代碼即功能提示代碼：//left的功能代碼=function(){chushi();_root.fangda_mc.gotoAndStop(2);chengxu="fangda";精選文檔精選文檔}=function(){chushi();_root.suoxiao_mc.gotoAndSt