坐標(biāo)中的兩點(diǎn)可以確定一條直線,直線與線段不同,線段有長(zhǎng)度,而直線是沒(méi)有長(zhǎng)度的。通過(guò)兩點(diǎn)可以確定一條直線,通過(guò)角度和一個(gè)定點(diǎn)也能確定一條直線。下面就為大家介紹用AS3代碼表現(xiàn)傾斜角與斜率,希望對(duì)大家有一定的幫助。
效果演示,鼠標(biāo)左鍵按住兩端移動(dòng):
演示:
直線與X軸正半軸所成的角稱(chēng)直線的傾斜角,當(dāng)傾斜角不等于90度時(shí),傾斜角的正切稱(chēng)為直線的斜率。圖:

其中角a就是直線的傾斜角,而斜率就是直角三角中對(duì)邊BC與鄰邊AB的比值,即正切值。正切值通過(guò)Math類(lèi)的tan()方法可以得到。
給定A點(diǎn)和C點(diǎn)的坐標(biāo),可求得角a的角度值。
求角a的正切值的算法:
(C.y - A.y) / (C.x - A.x);
下面的代碼求直線的斜率:
(C.x == A.x)?Infinity:(C.y - A.y) / (C.x - A.x);
代碼先判斷兩點(diǎn)的橫坐標(biāo)是否相等,如果相等,說(shuō)明直線垂直于x軸,這時(shí)不存在斜率,所以給斜率一定特殊值Infinity。
例:
1、新建Flash文檔,取名存盤(pán)。
2、創(chuàng)建影片剪輯,圖層1用橢圓工具繪制一個(gè)圓,填充色和大小根據(jù)需要定。插入圖層2, as層,輸入代碼:
//注冊(cè)鼠標(biāo)按下事件偵聽(tīng)器
this.addEventListener(MouseEvent.MOUSE_DOWN,startDragFunc);
//注冊(cè)鼠標(biāo)釋放事件偵聽(tīng)器
this.addEventListener(MouseEvent.MOUSE_UP,stopDragFunc);
//定義接收按下事件的函數(shù)
function startDragFunc(e:MouseEvent);
{
//開(kāi)始拖動(dòng)
e.target.startDrag();
//更新顯示
e.updateAfterEvent() ;
}
//定義接收釋放事件的函數(shù)
function stopDragFunc(e:MouseEvent);
{
//停止拖動(dòng)
e.target.stopDrag()
}
3、返回場(chǎng)景1,在圖層1的第一幀拖入兩個(gè)影片剪輯,在屬性面板中輸入剪輯的名字,p1 、p2。
4、插入圖層2,選擇文本工具,創(chuàng)建靜態(tài)文本,字體大小15 、字體自定。輸入:斜率:在右面創(chuàng)建動(dòng)態(tài)文本,名:k_txt。在下面再次創(chuàng)建靜態(tài)文本,輸入:傾斜角:右面創(chuàng)建動(dòng)態(tài)文本,名:a_txt。
5、插入圖層3,as層。輸入代碼:
//導(dǎo)入數(shù)學(xué)函數(shù)
include "Math2.as";
//創(chuàng)建兩個(gè)點(diǎn)
var A:Point=new Point()
var B:Point=new Point()
//創(chuàng)建用于繪制箭頭的容器
var arrow_shape:Shape=new Shape();
this.addChild(arrow_shape);
stage.addEventListener(Event.ENTER_FRAME,loop);
function loop(e:Event):void
{
//清除繪圖
arrow_shape.graphics.clear();
//在兩點(diǎn)間繪制箭頭
drawArrow(arrow_shape.graphics,p1.x,p1.y,p2.x,p2.y);
//設(shè)置點(diǎn)A的值
A.x=p1.x;
A.y=p1.y;
//設(shè)置點(diǎn)B的值
B.x=p2.x;
B.y=p2.y;
//根據(jù)點(diǎn)A和點(diǎn)B創(chuàng)建直線
var line:Line=new Line(A,B);
//把斜率保存兩位小數(shù),并轉(zhuǎn)換為字符串顯示出來(lái)
k_txt.text=line.K.toFixed(2);
//把傾斜角取整后顯示
a_txt.text=line.angle.toFixed();
}
上面的代碼把弧度和角度轉(zhuǎn)換等函數(shù)放在Math2.as文件中,通過(guò)include導(dǎo)入Math2.as文件就可以使用這些數(shù)學(xué)函數(shù)。Math2.as文件中添加了繪制箭頭的函數(shù)drawArraw()。
6、測(cè)試影片,看一下效果。如果需要輸出p2的x、y坐標(biāo)添加代碼:
;x_txt.text = p2.x;
y_txt.text = p2.y;
界面上添加靜態(tài)文本和動(dòng)態(tài)文本就不用細(xì)說(shuō)了吧,如果不需要顯示斜率注釋掉。