actionscript教程:as曲线的绘制

时间:2008-02-26 10:18:41  来源:闪吧  作者:zszen  【背景色 】

　　曲线的绘制原理有两种:
一种是由无数多或有限多的直线绘制而成 即lineTo绘制的曲线.

另一种是由函数计算并由曲线函数curveTo计算而成的.

重点之重是讲第二点,最简单的曲线绘制代码:

this.lineStyle(1);
this.moveTo(50,50);
this.curveTo(100,100,200,100);

将上面的这三行代码直接放入一个空的flash里面,生成就可以看到一段曲线,这是怎么作出来的呢?

但是我们平时用到的如画出美丽的曲线很多都是对称并且是很平滑的,这个as能办到么? 答案是能

现在我们晋级来专注以下几个问题:曲线 对称 平滑

曲线:
上面已经讲的很清楚了,但是为什么还要讲呢?主要是用as来控制曲线一定要以曲线的原理来为曲线分段,从而得到相应的节点.如上图,你看到的曲线和下图被分割的一样么,也许用钢笔[绘画软件里面的工具]绘制是同一条线,但是用as来绘制的话就是这样的.上面的曲线是两个点组成的一条曲线,下面的是由三个点组成的两条曲线,分清这些才能继续深入研究as曲线的构造.[不过也有例外,即使平滑的单条曲线也可由多条曲线线段组成,不过这样做没有太大意义]***[以曲线的两个点作射线可交在一起,此点为flash函数中控制曲线的点的位置]***

平滑:

什么是平滑呢?在曲线与曲线之间过渡不僵硬就代表平滑了,比如圆、椭圆等,平滑能够使效果看上去很舒服.最平滑的方法是这样的,最简单的3点ABC,当AB的曲线固定位置后c曲线可任意 但是c曲线因为平滑会受到某些限制.即前面曲线的控制点要和B点以及BC所绘制的曲线的控制点要在一条直线上,如下图: