Flash AS教程:用AS3代码表现倾斜角与斜率介绍

所属分类: 媒体动画 / Flash教程 阅读数: 91
收藏 0 赞 0 分享

坐标中的两点可以确定一条直线,直线与线段不同,线段有长度,而直线是没有长度的。通过两点可以确定一条直线,通过角度和一个定点也能确定一条直线。下面就为大家介绍用AS3代码表现倾斜角与斜率,希望对大家有一定的帮助。

效果演示,鼠标左键按住两端移动:

演示:

直线与X轴正半轴所成的角称直线的倾斜角,当倾斜角不等于90度时,倾斜角的正切称为直线的斜率。图:

Flash AS教程:用AS3代码表现倾斜角与斜率,PS教程,思缘教程网

其中角a就是直线的倾斜角,而斜率就是直角三角中对边BC与邻边AB的比值,即正切值。正切值通过Math类的tan()方法可以得到。

给定A点和C点的坐标,可求得角a的角度值。

求角a的正切值的算法:


复制代码
代码如下:
(C.y - A.y) / (C.x - A.x);

下面的代码求直线的斜率:


复制代码
代码如下:
(C.x == A.x)?Infinity:(C.y - A.y) / (C.x - A.x);

代码先判断两点的横坐标是否相等,如果相等,说明直线垂直于x轴,这时不存在斜率,所以给斜率一定特殊值Infinity。

例:

1、新建Flash文档,取名存盘。

2、创建影片剪辑,图层1用椭圆工具绘制一个圆,填充色和大小根据需要定。插入图层2, as层,输入代码:


复制代码
代码如下:
//注册鼠标按下事件侦听器
this.addEventListener(MouseEvent.MOUSE_DOWN,startDragFunc);
//注册鼠标释放事件侦听器
this.addEventListener(MouseEvent.MOUSE_UP,stopDragFunc);
//定义接收按下事件的函数
function startDragFunc(e:MouseEvent);
{
//开始拖动
e.target.startDrag();
//更新显示
e.updateAfterEvent() ;
}
//定义接收释放事件的函数
function stopDragFunc(e:MouseEvent);
{
//停止拖动
e.target.stopDrag()
}

3、返回场景1,在图层1的第一帧拖入两个影片剪辑,在属性面板中输入剪辑的名字,p1 、p2。

4、插入图层2,选择文本工具,创建静态文本,字体大小15 、字体自定。输入:斜率:在右面创建动态文本,名:k_txt。在下面再次创建静态文本,输入:倾斜角:右面创建动态文本,名:a_txt。

5、插入图层3,as层。输入代码:


复制代码
代码如下:
//导入数学函数
include "Math2.as";
//创建两个点
var A:Point=new Point()
var B:Point=new Point()
//创建用于绘制箭头的容器
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();
//在两点间绘制箭头
drawArrow(arrow_shape.graphics,p1.x,p1.y,p2.x,p2.y);
//设置点A的值
A.x=p1.x;
A.y=p1.y;
//设置点B的值
B.x=p2.x;
B.y=p2.y;
//根据点A和点B创建直线
var line:Line=new Line(A,B);
//把斜率保存两位小数,并转换为字符串显示出来
k_txt.text=line.K.toFixed(2);
//把倾斜角取整后显示
a_txt.text=line.angle.toFixed();
}

上面的代码把弧度和角度转换等函数放在Math2.as文件中,通过include导入Math2.as文件就可以使用这些数学函数。Math2.as文件中添加了绘制箭头的函数drawArraw()。

6、测试影片,看一下效果。如果需要输出p2的x、y坐标添加代码:


复制代码
代码如下:
;x_txt.text = p2.x;
y_txt.text = p2.y;

界面上添加静态文本和动态文本就不用细说了吧,如果不需要显示斜率注释掉。

更多精彩内容其他人还在看

flash怎么制作镜像动画?

flash怎么制作镜像动画?flash中制作动画很简单,怎么才能制作一个动画的镜像呢?下面我们就来看看flash制作镜像动画的详细教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

flash制作图片变换的gif动画效果

这篇教程是向脚本之家的朋友分享flash制作图片变换的gif动画效果方法,教程制作出来的动画效果非常不错,难度不是很大,一起来学习吧
收藏 0 赞 0 分享

flash怎么绘制和谐号火车从火车道开过的动画?

flash怎么绘制和谐号火车从火车道开过的动画?想制作一个火车从轨道上飞奔而过的一个画面,该怎么制作呢?下面我们就来看看flash制作和谐号火车从火车道开过的动画的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

FLASH怎么制作红烛燃烧的动画?

FLASH怎么制作红烛燃烧的动画?FLASH中做动画很方便,今天我们就来看看使用flash制作蜡烛燃烧并流下烛蜡的教程,很简单,下面我们就来看看详细教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么填充渐变色? flash渐变填充的使用方法

flash怎么填充渐变?flash中想给图形添加渐变色,该怎么添加呢?下面我们就来看看flash渐变填充的使用方法,这是基础教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么制作磁铁吸钉子的动画?

flash怎么制作磁铁吸钉子的动画?我们知道钉子放到磁铁周围就会直接将钉子吸走,该怎么制作这个动画呢?下面我们就来看看flash制作磁铁吸引钉子的动画教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么画中国国宝大熊猫? flash绘制卡通大熊猫的教材

flash怎么画中国国宝大熊猫?flash中制作动画很简单,但是也可以简单的绘制图形,该怎么绘制呢?今天我们就来看看flash绘制卡通大熊猫的教材,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash工具缩放、旋转和倾斜对象使用介绍

今天小编为大家介绍Flash工具缩放、旋转和倾斜对象使用方法,对于初学者来说,是个很好的学习教程,推荐到脚本之家,一起来看看吧
收藏 0 赞 0 分享

flash中怎么用鼠标绘制一朵木兰花?

flash中怎么用鼠标绘制一朵木兰花?flash中除了做动画效果以外,还可以绘制图形,今天我们就来看看flash用鼠标绘制一朵木兰花的详细教程,很简单,详细教程请看下文
收藏 0 赞 0 分享

FLASH制作一个小车一直往前推的动画?

FLASH制作一个小车一直往前推的动画?想做一个动画,就是有个小推车一直不断的往前进,中途不能倒,该怎么制作呢?下面我们就来看看这个动画的制作方法,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多