AS3教程:Point類計(jì)算兩點(diǎn)間距離

當(dāng)要運(yùn)算兩點(diǎn)距離時(shí),我見不少人都是用最原始的運(yùn)算方法,其實(shí)2.0開始就有了Point類,可以計(jì)算兩點(diǎn)間距離,除此之外,Point類還可用于計(jì)算矢量,某些看似復(fù)雜的計(jì)算,用上Point類就會(huì)變得簡(jiǎn)單。當(dāng)然,要巧用Point類,必需要有矢量的知識(shí)。雖然,3.0的Point類和2.0的區(qū)別不大,但我之所以把這帖放在as3討論區(qū),是因?yàn)閍s3的Point類廣泛地被其他類應(yīng)用。最明顯的是globalToLocal和localToGlobal這兩個(gè)方法,2.0這兩個(gè)方法的參數(shù)和返回值都是Object,但3.0都變?yōu)镻oint類了,使得Point類的應(yīng)用更名正言順了。
廢話少說,言歸正轉(zhuǎn),首先我們看看Point類的屬性:
x:Number——該點(diǎn)的水平坐標(biāo)
y:Number——該點(diǎn)的垂直坐標(biāo)
length:Number——從(0,0)到此點(diǎn)的線段長(zhǎng)度(只讀屬性)
從length屬性我們可以看到,實(shí)際上一個(gè)Point類的實(shí)例是一個(gè)以(0,0)為始點(diǎn),以(x,y)為終點(diǎn)的矢量,因此,我們可以應(yīng)用Point類進(jìn)行一些簡(jiǎn)單的矢量運(yùn)算?,F(xiàn)在我們看看Point類給我們提供什么有用的方法:
distance(pt1:Point, pt2:Point):Number——返回 pt1 和 pt2 之間的距離。這個(gè)就是大家傻傻地用Math.sqart()寫一長(zhǎng)串代碼計(jì)算出來的兩點(diǎn)間距離了。
add(v:Point):Point——將另一個(gè)點(diǎn)的坐標(biāo)添加到此點(diǎn)的坐標(biāo)以創(chuàng)建一個(gè)新點(diǎn)。還記得矢量相加的幾何意義嗎?設(shè)a、b為矢量,則a b=c,圖中矢量c就是矢量a加矢量b的結(jié)果。
這個(gè)用來計(jì)算合力最方便。我們可以把物體的重心放到(0,0)點(diǎn)上,然后可以利用Point類的add方法簡(jiǎn)單計(jì)算各種力的合力。你可能會(huì)提出一個(gè)問題:如何把力轉(zhuǎn)換成點(diǎn)的坐標(biāo)呢?下面這個(gè)方法可以幫你解決這個(gè)問題。
polar(len:Number, angle:Number):Point——將一對(duì)極坐標(biāo)轉(zhuǎn)換為笛卡爾點(diǎn)坐標(biāo)。
學(xué)過物理力學(xué)的人都知道,力是有大小有方向的矢量,而這個(gè)方法的正好提供了把力轉(zhuǎn)換成點(diǎn)坐標(biāo)的方法。len就是力的大小,angle就是力角度。轉(zhuǎn)換后計(jì)算合力,得出合力的坐標(biāo)點(diǎn),再讀取這點(diǎn)的length屬性,就可得到合力的大小,再利用Math.atan2(y,x)計(jì)算力的方向。多簡(jiǎn)單的運(yùn)算!
offset(dx:Number, dy:Number):void——按指定量偏移 Point 對(duì)象。dx 的值將添加到 x 的原始值中以創(chuàng)建新的 x 值。 dy 的值將添加到 y 的原始值中以創(chuàng)建新的 y 值。這個(gè)要和add區(qū)分開來,因?yàn)閛ffset是直接把值加到x、y值上。
subtract(v:Point):Point——從此點(diǎn)的坐標(biāo)中減去另一個(gè)點(diǎn)的坐標(biāo)以創(chuàng)建一個(gè)新點(diǎn)。既然有了加法,當(dāng)然有減法了??纯词噶康臏p法意義:設(shè)a、b為矢量,則b-a=c,圖中矢量c就是矢量b減去矢量a的結(jié)果。
用這個(gè)運(yùn)算,你可以方便地只用一個(gè)Point類實(shí)例來記錄某兩點(diǎn)間的距離和斜率。在某些場(chǎng)合,這個(gè)很有用。例如當(dāng)需要計(jì)算和記錄某點(diǎn)集合里各點(diǎn)與其他點(diǎn)之間的關(guān)系時(shí),如果分別運(yùn)算距離和角度,你得用兩個(gè)一一對(duì)應(yīng)的數(shù)組記錄,當(dāng)然也可以用一個(gè)多聯(lián)數(shù)組,但絕對(duì)比不上用一個(gè)Point類實(shí)例組成的一維數(shù)組簡(jiǎn)單得多,如果要對(duì)這些結(jié)果進(jìn)行比較或者有下一步運(yùn)算時(shí),用這種方法更顯優(yōu)勢(shì)。
interpolate(pt1:Point, pt2:Point, f:Number):Point——確定兩個(gè)指定點(diǎn)之間的點(diǎn)。參數(shù) f 確定新的內(nèi)插點(diǎn)相對(duì)于參數(shù) pt1 和 pt2 指定的兩個(gè)端點(diǎn)所處的位置。參數(shù) f 的值越接近 1.0,則內(nèi)插點(diǎn)就越接近第一個(gè)點(diǎn)(參數(shù) pt1)。參數(shù) f 的值越接近 0,則內(nèi)插點(diǎn)就越接近第二個(gè)點(diǎn)(參數(shù) pt2)。
這個(gè)方法更了不起。因?yàn)樗軒臀覀兇_定兩點(diǎn)之間的一點(diǎn),只要我們知道這點(diǎn)在線段中位置。實(shí)際上f是一個(gè)比例值,
f=待定點(diǎn)到pt2的距離/整條線段的長(zhǎng)度
這個(gè)用來計(jì)算一些已知比例關(guān)系的點(diǎn)很方便。例如求地圖上的某點(diǎn)在實(shí)際場(chǎng)景上的點(diǎn)坐標(biāo),我們只需選取一段過這點(diǎn)的線段,計(jì)算出f,就可以代入實(shí)際場(chǎng)景中對(duì)應(yīng)線段,求出對(duì)應(yīng)的點(diǎn)。
normalize(thickness:Number):void——將 (0,0) 和當(dāng)前點(diǎn)之間的線段縮放為設(shè)定的長(zhǎng)度。這個(gè)實(shí)際上就是設(shè)置矢量的大小的方法。得到的結(jié)果是矢量的大小變?yōu)樵O(shè)定值,x、y值改變了,但是矢量的方向不變。
從Point類的屬性和方法看,Point類實(shí)際上是一個(gè)徹頭徹尾的矢量類,它幾乎包含了所有關(guān)于矢量的基本運(yùn)算。所以,要計(jì)算矢量,應(yīng)優(yōu)先考慮使用Point類。
PS:順帶說說globalToLocal和localToGlobal,這兩個(gè)方法在as3里是DisplayObject的方法,它們可以方便地隨意地轉(zhuǎn)換不同顯示對(duì)象中的相對(duì)坐標(biāo),它的參數(shù)和返回值都是Point類實(shí)例,所以在as3里應(yīng)用Point類計(jì)算點(diǎn)與點(diǎn)間的關(guān)系,更具優(yōu)勢(shì)。例如mc1中有一點(diǎn)p1(x1,y1),mc2中有一點(diǎn)p2(x2,y2),如果mc1和mc2的關(guān)系很復(fù)雜,要求p1到p2的距離,如果不用這兩個(gè)方法,這個(gè)運(yùn)算就很復(fù)雜,用上它們就簡(jiǎn)單得多了,所求的距離d=Point.distance(p2,mc2.globalToLocal(mc1.localToGlobal(p1)));
相關(guān)文章
flash cs6鼠標(biāo)跟隨效果實(shí)現(xiàn)代碼分享
flash cs6想要實(shí)現(xiàn)鼠標(biāo)跟隨效果?該怎么制作呢?今天我們就來看看使用as2.0實(shí)現(xiàn)鼠標(biāo)跟隨效果的教程,需要的朋友可以參考下2019-05-19- Flash cs6怎么使用代碼輸入中英文文本?Flash cs6中可以使用文字工具直接輸入文本,也可以使用代碼來輸入文本,該怎么使用代碼輸入文本呢?請(qǐng)看下文詳細(xì)的教程,需要的朋友2018-03-11
- flash as3.0抽象類怎么定義? as3.0中有很多抽象類,該怎么定義抽象類和抽象方法呢?下面我們就來看看簡(jiǎn)單的例子,需要的朋友可以參考下http://www.dbjr.com.cn/softs/408402.2018-02-28
flash cs6中怎么使用ActionScript3.0?
flash cs6中怎么使用ActionScript3.0?flash cs6中想要使用ActionScript3.0功能,該怎么使用呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-01-25Flash中怎么實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊決定圖像位置?
本教程給大家分享一個(gè)Flash小教程,教大家在Flash CS6中怎么實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊決定圖像位置?方法很簡(jiǎn)單,感興趣的朋友歡迎前來一起分享學(xué)習(xí)2018-01-12Flash中如何用代碼將圖片放在自己想要的舞臺(tái)位置?
本教程教腳本之家的ActionScript教程學(xué)習(xí)者在Flash中如何用代碼將圖片放在自己想要的舞臺(tái)位置,教程講解的詳細(xì),感興趣的朋友歡迎前來分享學(xué)習(xí)2017-11-20在Flash CS6中使用with函數(shù)繪制背景圖教程
本教程教腳本之家的ActionScript教程學(xué)習(xí)者如何在Flash CS6中使用with函數(shù)繪制背景圖?教程一步步講解的挺詳細(xì),方法也不難,非常適合Flash新手入門學(xué)習(xí)2017-11-18Flash怎么設(shè)置元件坐標(biāo)?flash使用代碼設(shè)置元件的坐標(biāo)的教程
Flash怎么設(shè)置元件坐標(biāo)?flash中導(dǎo)如的元件需要添加坐標(biāo),該怎么定位元件坐標(biāo)呢?下面我們就來看看flash使用代碼設(shè)置元件的坐標(biāo)的教程,需要的朋友可以參考下2017-10-11Flash怎么制作來回?fù)u擺的花朵的動(dòng)畫?
Flash怎么制作來回?fù)u擺的花朵的動(dòng)畫?Flash中想要給花朵制作一段搖擺的動(dòng)畫效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,很簡(jiǎn)單,需要的朋友可以參考下2017-05-23- Flash怎么制作流動(dòng)七彩色的文字?想要讓文字動(dòng)起來,該怎么使用flash給文字制作一個(gè)流動(dòng)七彩色的動(dòng)畫呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-04-23