Flash制作动态三角函数图课件

动态|函数

  用Flash mx 2004制作三角函数图像生成器非常简单,这里我们就用正弦曲线为例子,看一看在flash中如何实现函数图像的。

  先来分析一下这个生成器的功能,在程序主界面的输入框中,输入相应的振幅、频率或初相值,然后按下“sin”按钮,会出现坐标轴和一条动态生成的函数曲线,如果修改了相应的输入值,生成器又会在原来的图像基础上再生成一条不同颜色函数曲线,这样更容易使人了解不同的值造成的函数图像的变化,从而能够使用户更清楚的了解这个三角函数公式的各项的含义。文章末尾提供.fla文件供大家下载参考。

  完成效果如下,大家可以根据上面的描述动手试试课件的实际效果:

  制作这个sin函数图像生成器的具体步骤如下:

  第一步,制作元件

  在这个生成器中共需要四个元件。两个按钮元件,一个是开始生成按钮“sin”,一个是清除图像按钮“清除”;两个影片剪辑,一个剪辑中用铅笔工具在编辑区中央画一个点,因为在使用中要大量复制这个点,使点连成函数曲线用的,所以要大小合适,另一个影片剪辑中画上平面直角坐标系。

  第二步,设计场景界面

  场景上先放置三个“输入文本”框,这是用来输入不同数值的。文本框左边用“静态文本”标识三个“输入文本”框的作用,从上至下依次是,振幅,频率和初相,这三“输入文本”框的变量名至上而下依次是“hight”、“freq”、“c”。然后把“sin”、“清除”这两个按钮从库中拖动到合适位置。在右边用“静态文本”写出“Y =<空格>sin(<空格>X+<空格>)”,然后在空格处放置三个“动态文本”框,用于显示所输入三角函数的具体公式,三个“动态文本”框的变量名称从左至右分别是“QQ”、“ww”、“ee”。这些就构成了这个图像生成器的主要界面。

  第三步、加入代码

  在这个生成器中,一共需要六层四帧,层数可以根据需要修改。

  第一层是背景层。
  第二层是坐标层,在该层的第二帧插入关键帧,然后在该帧拖入“坐标”元件,放在场景外的区域中,该元件的“实例名称”叫做“zuobiao”。
  第三层中将“点”元件拖进来,实例名称是“point1”;第四层是代码层,用于编写程序,这一层的四帧全部转换成关键帧。
  剩下的两层用来放置按钮和上一步提到的各种文本框。
  多分几层可以方便以后的修改,所以在做flash的时候应该注意这个细节,不要把所有的内容都塞到一个层里。

  

  接下来开始写一点生成函数曲线的代码,注意我们要把所有的代码都写在“代码”层里。

  第一帧代码:

  k=20000;       //设置部分变量的初始值
  j=0;,

  第二帧代码:

  i = 0;
  draw = 1;
  j=j+1;      //定义变量
  duplicateMovieClip("point1", "point",67778);
  setProperty("point", _x, 320);
  setProperty("point", _y, 240);   //把场景外面的“点”剪辑“point1”复制成一个//名为“point”的剪辑置于场景中央
  xpos = _root.point._x;
  duplicateMovieClip("zuobiao", "zuobiao1",1);
  setProperty("zuobiao", _x,220);
  setProperty("zuobiao", _y,240);//把场景外面的坐标剪辑“zuobiao”复制成一个//名为“zuobiao1”的剪辑置于场景中央
  xpos = _root.point._x;
  ypos = _root.point._y;
  stop();

  第三帧代码:

     do { //通过循环,大量复制“point”,通过sin 函数的约束,//使这些点分布在合理曲线上形成正弦曲线
       duplicateMovieClip("point", "point"+i, k);
       setProperty("point"+i, _x, i-22);
       xx = getProperty("point"+i, _x);
       setProperty("point"+i, _y,ypos-hight*Math.PI*10*func((xx/(Math.PI*10))*freq));
       v=c % (2*Math.PI);
     setProperty("point"+i, _x, i-(v*Math.PI*10)-196);
     bodyColor = new Color("point"+i);   //使每次按下“sin”按钮后生成的曲线颜色有所//区别,这样可以使曲线分辨起来更清晰
       r = (j%5) +1;
       if(r == 1) {
         bodyColor.setTransform({rb: 255,bb:0,gb:0});
      }
      else if (r == 2) {
        bodyColor.setTransform({gb: 255,rb:0,bb:0});
      }
      else if(r == 3) {
         bodyColor.setTransform({rb: 255,gb: 255,bb:0});
      }else if (r == 4) {
         bodyColor.setTransform({gb: 255,bb: 255,rb:0});
       } else {
        bodyColor.setTransform({bb: 255,rb:255,gb:255});
      }
      i = i+1;
      k++;
      draw = draw+1;
  } while (draw<=20);

  第四帧代码:

  if (number(i)>=1060) {//给循环一个约束条件,是程序在适当的时候停止
        gotoAndPlay(2);
        k-=2400;  
  } else {
          draw = 1;
         gotoAndPlay(3);
  }

  “sin”按钮的代码:

     on (release) {         // 按下按钮后主界面显示生成正弦曲线的具体公式,//并开始生成执行函数生成曲线。
     QQ=hight;
       ww=freq;
       ee=c;
      func = Math.sin;
      gotoAndPlay(3);
  }

  “清除”按钮的代码

  on (release) {               //清除所有已经出现的曲线
      for (n=0;n<=1060;n++)
      {removeMovieClip("point"+n);
  //   k+=2400;
      };
  }

  这个生成器程序在flash mx 2004 和flash mx 两个版本中均可以正常运行。在编写时因为考虑可能并不十分周到,所以有些数值在其他的环境下需要修改。 .fla文件下载

时间: 2024-09-19 16:58:04

Flash制作动态三角函数图课件的相关文章

如何在Flash制作动态网页?

  SWF动画文件中的图像.声音.文字和动画等都是固化在其中的,所以新的问题又出现了,就是如何在SWF文件中实现动态数据的显示?可用Flash中的FS Command来实现.以下,是如何在Flash制作动态网页 的具体操作步骤,希望对大家有所帮助! 进入 Flash 4.0,新建一个文件或打开一个已经做好的Flash页面.选择Insert/layer,新建一个层.确认新层为当前层后,用矩形工具画一无边框线的蓝色长方形(大小约为100px×120px)作为底色.再选择Text(文本)工具,设置字体

Flash制作动态放大镜画面效果

本文中我们用Flash8来制作动态放大镜,当这个放大镜在画面上移动时,放大镜下面的图片部分会放大显示,很有意思! 提示:用鼠标移动放大镜,放大镜下面的图片部分会放大显示 制作过程图示如下: 图1 图2 图3 图4

Flash制作一个精美的课件退出窗口

    作者:安徽省潜山中学 王晓苏 为了方便用户使用,课件中都应该有一个[退出]按钮.但为了防止误操作,应在单击该按钮时出现一个对话框窗口,让用户选择是否真的退出.在Flash中,我们可以很容易地制作一个类似于Windows XP"关闭计算机"的精美退出窗口(图1). 图1 制作思路:先制作对话框窗口的背景面板,再制作两个按钮,然后加入命令. 制作方法如下: 1. 启动Flash MX,选择"插入→新建元件"命令打开"创建新元件"对话框,在&q

手机gif快手制作动态gif图图文教程

进入"gif快手"手机应用,如果要制作属于自己的gif图,首先要登录帐号,你可以登录微博.微信.QQ等帐号,前提是你有相应的帐号.  "gif快手"手机应用使用教程 1.登录帐号成功后,进入"gif快手"应用首页,可以查看到其他用户制作的作品: 2.点击主界面左上方按钮,会出现系统菜单,在此可以添加好友.设置等操作: 3.制作"gif快手"动态图,先采用录制视频制作: (1)点击应用主界面右上角"照相机"按

Flash8制作动态开门效果网页菜单

菜单|动态|网页 今天给大家讲解一个如何利用Flash制作动态网页菜单,如果好你就可以直接拿去用了!你也可以自己改进,改进好了别忘了去论坛告诉一声啊! 先看效果和源文件: 点击这里下载源文件 制作方法非常简单,在这里给大家简单的叙述一下!如果不明白就看源文件吧! 首先制作五个影片剪辑片段,说说方法,建立两个图层,下面这个图层绘制一个矩形,至于填充为什么颜色按你的喜好定就可以了!上面的图层输入要显示的文字.然后分别都在第15帧插入关键帧,下面的矩形稍微调整一下形状,上面的文字层稍微向上移动一点位置

Flash制作简单的三角函数课件

函数 这几天帮助别人做了一个三角函数的课件,其实做法非常的简单,主要是数学问题,拿来和大家共享.本实例的功能是可以随便输入一个角度值可以计算出它的正旋或余旋的值.同时还可以通过输入正旋函数的振幅A和周期K来动态的画出函数的曲线,好了,大家具体看看如下的效果吧! 1,场景为默认的550*400,按如图的绘制坐标系,坐标原点在(50,350),建立两个输入文本,振幅旁边的变量名为jia,周期旁边的变量名为yu. 2.在场景的第一帧添入如下的语句: _root.x = 0;_root.moveTo(5

Flash制作函数曲线课件

函数 高中数学要接触到许多曲线,如正弦曲线.双曲线.抛物线等,如果在教学中能利用课件动态演示各种曲线,并且能通过改变参数而使曲线形状或位置发生变化,将会有助于学生理解掌握各种曲线的性质及特点. 本人在用Flash制作数学课件时,总结出一个有效绘制各种曲线的方法.原理是巧妙利用曲线的参数方程来绘制曲线,如正弦曲线的参数方程为:x=mt:y=Asin(mФ+Ф0),其中Ф=2Пt/T,曲线上某一点A(X,Y)都是变量t的函数,而在FLASH的时间线中,每帧之间有一定的时间间隔,我们可以把这一时间间隔

用FLASH制作课件的优势和缺陷

    Flash的前身是Future Splash公司推出的一个矢量动画插件,Macromedia公司收购了Future Splash以后将其改为独立的Flash软件,到现在最新的Flash50,可以说Flash已经成为交互式矢量技术的标准.未来网页制作的一大主流.我在用Flash制作课件的实践中感到,用Flash来制作课件主要有以下几方面的优势: "身材"纤细 Flash采用的是流行的矢量技术,用它创作的作品,不但交互功能强大,动画效果丰富多彩,无级放大的矢量图永远不会产生令人讨

Flash制作彩色线条动态图案生长动画

动态 今天我们用Flash软件制作一个彩色线条动态生长图案的动画效果,希望大家会喜欢. 首先让我们来看一下最终的效果. 点击这里下载源文件 第一步:打开Flash制作软件,新建一个400*300像素的新文件,背景颜色为黑色,如下图: 第二步:点击菜单栏"插入"→"新建元件"→设置为(名称:元件1,行为:图形),点周确定,如下图: 第三步:在元件1里,用工具栏的"线条工具"画一条粗细为1个像素的小斜线,如下图: 第四步:点击菜单栏"插入&