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

时间:2022-04-10 03:50:17 阅读: 最新文章 文档下载
说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。
FLASH教程_制作一次函数图象



这个教程的难点是:

1、在FLASH场景中,X坐标左边界为0,从左向右增大;Y坐标上边界为0,从上向下增大。所以如何确定轴坐标是个难点。 2、绘制一条直线,让它满足y=kx+b

3、由用户直接输入kb的值,控制函数图象。

制作过程:

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

2、图层改名为坐标,绘制X轴和Y轴以及刻度。这里要注意的是:X轴和Y交点坐标严格控制在(200200),刻度严格控制在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坐标和坐标轴坐标换算的。




本文来源:https://www.wddqw.com/doc/b2f364d1adf8941ea76e58fafab069dc5122474c.html