FLASH制作一次函数画图方法(交互式)

FLASH教程_制作一次函数图象

这个教程的难点是：

1、在FLASH场景中，X坐标左边界为0，从左向右增大；Y坐标上边界为0，从上向下增大。所以如何确定轴坐标是个难点。

2、绘制一条直线，让它满足y=kx+b。

3、由用户直接输入k和b的值，控制函数图象。

制作过程：

1、打开FLASH8.0，场景400*400，颜色随便。

2、图层改名为坐标，绘制X轴和Y轴以及刻度。这里要注意的是：X轴和Y轴交点坐标严格控制在（200，200），刻度严格控制在10px一个。

3、新增图层，改名为输入，用文字工具做以下内容，注意：（）内是设置。

请输入k的值：（静态文本）；后面跟一个文本框，大小能写下5个字符就可以了（输入文本，显示边框，取变量名为fa）。

请输入b的值：（静态文本）；后面跟一个文本框，大小能写下5个字符就可以了（输入文本，显示边框，取变量名为fb）。

y=（静态文本）；后面跟一个文本框，大小能写下5个字符（动态文本，取变量名为ka）；x+（静态文本）；后面跟一个文本框，大小能写下5个字符（动态文本，取变量名为kb）。

当然你也可以写上作者，增加按钮控制，随个人爱好，但如果有按钮就必须给按钮写上代码。

4、新增图层，改名为action，写代码如下：

ka=Number(fa);

kb=Number(fb);

this.createEmptyMovieClip("mc", 1);

with (mc) {

lineStyle(0, 0x0000FF, 100);

moveTo(0,-(Number(fb)-Number(fa)*200-200));

lineTo(400,-(Number(fa)*200+Number(fb)-200));

}

5、在三个图层的第二帧插入帧。

好了，到这里就完成了，很简单吧，不过我可是费了很大的工夫哦，太笨了~，呵呵。

代码解释：

ka=Number(fa);

//把变量名称为fa的输入文本狂里输入的值转换为数字，并显示在变量名称为ka的动态文本框里。

kb=Number(fb);

//把变量名称为fb的输入文本狂里输入的值转换为数字，并显示在变量名称为kb的动态文本框里。

this.createEmptyMovieClip("mc", 1);

//新建一个实例名称为mc，深度为1的空影片剪辑。

with (mc) {

//with语句，开始设置影片剪辑mc。

lineStyle(0, 0x0000FF, 100);

//设置线条样式，粗细为极细，颜色为兰色，透明度为不透明。

moveTo(0,-(Number(fb)-Number(fa)*200-200));

//从坐标0,-(Number(fb)-Number(fa)*200-200)处开始移动绘画位置。

lineTo(400,-(Number(fa)*200+Number(fb)-200));

//绘制一条直线并让它经过400,-(Number(fa)*200+Number(fb)-200)坐标点。}

//with语句结束。

注：代码中的坐标看起来比较复杂，首先是y坐标套用了y=kx+b，而里面x值的变化、y的值为什么要减200，并且是负值，是把FLASH坐标和坐标轴坐标换算的。