欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

FLASH怎么制作动态的三角函数曲线?

程序员文章站 2022-08-13 20:30:17
FLASH怎么制作动态的三角函数曲线?flash中想要绘制正弦曲线,该怎么绘制呢?我们需要使用代码来实现,下面我们就来看看详细的教程,需要的朋友可以参考下... 18-12-27...

flash中想啊哟制作三角函数的曲线,该怎么制作正弦曲线呢?下面我们就来看看详细的教程。

1、打开制作软件,新建as3文档

FLASH怎么制作动态的三角函数曲线?

2、新建一个影片剪辑,里面放一个红色的小圆形,位置如图。实例名设置为p_mc

FLASH怎么制作动态的三角函数曲线?

FLASH怎么制作动态的三角函数曲线?

3、在主时间轴加如下代码:

 

var num:number=0;
var spd:number=4;//位移速率
var start_y:number=p_mc.y;
var max:number=40;//位移幅度
this.addeventlistener(event.enter_frame,updateevent);//给舞台添加帧频事件,更新舞台
function updateevent(e:event):void
{
num=num+spd;
p_mc.y=start_y+math.sin(num*math.pi/180)*max;//通过math类的sin方法得到正弦值,并转化为影片剪辑的位移量
}

FLASH怎么制作动态的三角函数曲线?

4、运行后可以看到影片剪辑上下移动。

FLASH怎么制作动态的三角函数曲线?

FLASH怎么制作动态的三角函数曲线?

5、接下来在代码中添加一个绘图方法,完成曲线的绘制。将影片剪辑的x坐标设置为0

FLASH怎么制作动态的三角函数曲线?

6、代码修改如下:

 

var num:number=0;
var spd:number=2;//位移速率
var start_y:number=p_mc.y;
var max:number=60;//位移幅度
var shape:shape=new shape();//定义形状对象,绘制曲线使用
shape.x=p_mc.x;
addchild(shape);//将形状对象放到舞台上
shape.graphics.moveto(0,p_mc.y);
shape.graphics.linestyle(2, 0x000000, 1, false, linescalemode.vertical,capsstyle.none, jointstyle.miter, 10);
this.addeventlistener(event.enter_frame,updateevent);//给舞台添加帧频事件,更新舞台
function updateevent(e:event):void
{
num=num+spd;
shape.x+=spd;
shape.graphics.lineto(0-shape.x,p_mc.y);//绘制方法
p_mc.y=start_y+math.sin(num*math.pi/180)*max;//通过math类的sin方法得到正弦值,并转化为影片剪辑的位移量
}

FLASH怎么制作动态的三角函数曲线?

7、运行后就可以看到不停的绘制正弦曲线了。

FLASH怎么制作动态的三角函数曲线?

8、同样的,可以绘制余弦曲线

以上就是flash绘制正弦曲线的教程,希望大家喜欢,请继续关注。