2018-12-16 19:51:37
很多初學(xué)flash朋友對flash坐標(biāo)系不太了解。以下小凡提供了坐標(biāo)系統(tǒng)的教程，以幫助新手操作flash。讓我們一起學(xué)習(xí)flash坐標(biāo)系統(tǒng)!
FLASH軟件編輯界面下舞臺(tái)上元件的坐標(biāo)和實(shí)際在actionscript(以下簡稱“AS”)中測試中不一樣是初學(xué)者經(jīng)常會(huì)碰到的問題。大家不免產(chǎn)生疑惑，為什么FLASH的坐標(biāo)時(shí)而準(zhǔn)確，時(shí)而不準(zhǔn)確呢?其實(shí)這是大家不了解FLASH計(jì)算坐標(biāo)方式的緣故，其實(shí)FLASH中軟件操作界面的舞臺(tái)上計(jì)算坐標(biāo)和AS中計(jì)算坐標(biāo)的的基準(zhǔn)點(diǎn)并不一致。接下來我們先在試驗(yàn)中求證，然后再推算出FLASH坐標(biāo)的運(yùn)算方式。
首先我們在場景里畫一個(gè)圓形，然后F8轉(zhuǎn)化為影片剪輯，轉(zhuǎn)化時(shí)有一個(gè)小的細(xì)節(jié)需要注意一下(一些使用者都忽視了他)，在類型選擇旁邊更有一個(gè)“注冊”選項(xiàng)，其實(shí)這里也是能夠選擇的，并不是個(gè)只供“查看”的屬性，我們能夠試一下，九個(gè)小方格都是能夠點(diǎn)擊的，我們選擇左上角的小方格建立一個(gè)MC。這個(gè)時(shí)候我們會(huì)發(fā)現(xiàn)我們建立的MC十字架在MC左上角，圓圈在元件中央，這里的十字架，我們稱之為注冊點(diǎn)。也就是說我們建立了一個(gè)MC，他的注冊點(diǎn)是左上角。(也能夠嘗試選擇不同的方格，結(jié)果證實(shí)選中的方格即代表注冊點(diǎn)的位置，當(dāng)然你也可以通過雙擊進(jìn)入元件內(nèi)部把元件把元件放在距離十字心更不規(guī)則的位置)。
讓我們再來觀察以下信息面板，你會(huì)發(fā)現(xiàn)它也有一個(gè)九宮格，但是只有中心和左上角可以選擇，其他點(diǎn)為灰色，這時(shí)候點(diǎn)擊九宮格的左上角的那個(gè)點(diǎn)。
然后給這個(gè)影片剪輯命名為a_mc，在屬性面板或者信息面板輸入他的坐標(biāo)是0,0。然后你會(huì)發(fā)現(xiàn)a_mc的位置處于舞臺(tái)的左上角。如圖所示：
然后我們打開動(dòng)作面板，在面板中輸入如下代碼：
trace("a_mc._x="+a_mc._x);
trace("a_mc._y="+a_mc._y)
我們成功在輸出面板中得到了
a_mc._x=0
a_mc._y=0
FLASH軟件編輯界面下舞臺(tái)上元件的坐標(biāo)和實(shí)際在actionscript(以下簡稱“AS”)中測試中不一樣是初學(xué)者經(jīng)常會(huì)碰到的問題。大家不免產(chǎn)生疑惑，為什么FLASH的坐標(biāo)時(shí)而準(zhǔn)確，時(shí)而不準(zhǔn)確呢?其實(shí)這是大家不了解FLASH計(jì)算坐標(biāo)方式的緣故，其實(shí)FLASH中軟件操作界面的舞臺(tái)上計(jì)算坐標(biāo)和AS中計(jì)算坐標(biāo)的的基準(zhǔn)點(diǎn)并不一致。接下來我們先在試驗(yàn)中求證，然后再推算出FLASH坐標(biāo)的運(yùn)算方式。
首先我們在場景里畫一個(gè)圓形，然后F8轉(zhuǎn)化為影片剪輯，轉(zhuǎn)化時(shí)有一個(gè)小的細(xì)節(jié)需要注意一下(一些使用者都忽視了他)，在類型選擇旁邊更有一個(gè)“注冊”選項(xiàng)，其實(shí)這里也是能夠選擇的，并不是個(gè)只供“查看”的屬性，我們能夠試一下，九個(gè)小方格都是能夠點(diǎn)擊的，我們選擇左上角的小方格建立一個(gè)MC。這個(gè)時(shí)候我們會(huì)發(fā)現(xiàn)我們建立的MC十字架在MC左上角，圓圈在元件中央，這里的十字架，我們稱之為注冊點(diǎn)。也就是說我們建立了一個(gè)MC，他的注冊點(diǎn)是左上角。(也能夠嘗試選擇不同的方格，結(jié)果證實(shí)選中的方格即代表注冊點(diǎn)的位置，當(dāng)然你也可以通過雙擊進(jìn)入元件內(nèi)部把元件把元件放在距離十字心更不規(guī)則的位置)。
讓我們再來觀察以下信息面板，你會(huì)發(fā)現(xiàn)它也有一個(gè)九宮格，但是只有中心和左上角可以選擇，其他點(diǎn)為灰色，這時(shí)候點(diǎn)擊九宮格的左上角的那個(gè)點(diǎn)。
然后給這個(gè)影片剪輯命名為a_mc，在屬性面板或者信息面板輸入他的坐標(biāo)是0,0。然后你會(huì)發(fā)現(xiàn)a_mc的位置處于舞臺(tái)的左上角。如圖所示：
然后我們打開動(dòng)作面板，在面板中輸入如下代碼：
trace("a_mc._x="+a_mc._x);
trace("a_mc._y="+a_mc._y)
我們成功在輸出面板中得到了
a_mc._x=0
a_mc._y=0
同理，如果你建立的影片剪輯的十字注冊點(diǎn)在元件的中心，那么信息面板的九宮格也點(diǎn)選中心點(diǎn)，那么AS計(jì)算的十字注冊點(diǎn)和軟件操作界面計(jì)算的元件的中心點(diǎn)為同一點(diǎn)，那么他們的結(jié)果就一樣。
但是我們的操作并非一成不變的，我們轉(zhuǎn)換元件的時(shí)候的注冊點(diǎn)放在左上角和中心點(diǎn)不可能滿足所有的情況。普通的Motion動(dòng)畫也許對注冊點(diǎn)不敏感，但如果是比較常用的引導(dǎo)線動(dòng)畫，那么元件會(huì)把自己的十字注冊點(diǎn)鎖在引導(dǎo)線上。AS中的_xscale _yscale的縮放軸心也是基于十字注冊點(diǎn)的，比如我們做FLASH播放器的時(shí)候波表效果就必須放在元件底部如圖所示。
諸如一些鐘擺的FLASH效果元件的十字注冊點(diǎn)還要放在更無規(guī)則的地方。那么此類的物理效果對FLASH的坐標(biāo)就比較敏感了。好，讓我們接著進(jìn)行試驗(yàn)。
我們摁下Q鍵切換到自由變形工具，然后當(dāng)把我們把光標(biāo)移動(dòng)到a_mc的中心點(diǎn)的位置并拖動(dòng)中心點(diǎn)的小圓圈，我們發(fā)現(xiàn)當(dāng)我們的小圓圈改變位置的時(shí)候，軟件操作界面下的X,Y坐標(biāo)發(fā)生了變化：
而Ctrl+Enter測試AS，得到的結(jié)果還是：
a_mc._x=0
a_mc._y=0
此時(shí)我們發(fā)現(xiàn)如果信息面板的九宮格中間的那個(gè)點(diǎn)選中，軟件操作界面下的X，Y坐標(biāo)計(jì)算實(shí)際上是以元件的小圓圈為準(zhǔn)的，我們接著實(shí)驗(yàn)，我們在繪制一個(gè)長方矩形，然后摁F8轉(zhuǎn)化為元件，在對話框中設(shè)置注冊點(diǎn)為中間最下面的那個(gè)點(diǎn)
然后打開信息面板，把信息面板的九宮格移到中間：
點(diǎn)擊Q變形工具把元件上的圓圈標(biāo)記移動(dòng)在十字心上如圖所示，
此時(shí)這個(gè)矩形在軟件的操作界面下的坐標(biāo)是：
把它的實(shí)例名稱設(shè)置為b_mc,最后寫下如下代碼：
trace("b_mc._x="+b_mc._x);
trace("b_mc._y="+b_mc._y)
然后測試，你會(huì)發(fā)現(xiàn)得到和輸出面板得到和屬性面板完全一樣的結(jié)果：
b_mc._x=145.5
b_mc._y=352
由此可以得出結(jié)論：
當(dāng)信息面板的九宮格上選擇中心那個(gè)點(diǎn)為基準(zhǔn)點(diǎn)，那么軟件操作界面下的X,Y坐標(biāo)顯示會(huì)以舞臺(tái)上元件的那個(gè)小圓球?yàn)闇?zhǔn)，而無論舞臺(tái)上信息面板中九宮格怎么設(shè)置，AS始終會(huì)以元件的十字注冊點(diǎn)為準(zhǔn)。普通情況下如果我們習(xí)慣吧元件的十字注冊點(diǎn)放在左上角，那么請你把信息面板的九宮格也點(diǎn)選為左上角。如果你習(xí)慣把元件放在十字注冊點(diǎn)的中心點(diǎn)，那么請你把信息面板的九宮格也點(diǎn)選為中心點(diǎn)。如果你是做波表，或者鐘擺等特殊效果需要元件的十字注冊點(diǎn)處在不規(guī)則的位置，那么你可以點(diǎn)擊Q用變形工具把元件上的圓圈標(biāo)記移動(dòng)在十字心上，信息面板的九宮格也點(diǎn)選為中心點(diǎn)。就能保證在任何情況下FLASH軟件操作界面下的坐標(biāo)和AS運(yùn)算的坐標(biāo)一樣。
