主页 / 平面设计 /

Flash AS 入门教程 事件处理函数及画线语句

平面设计 2021-07-03 14:34www.168986.cn平面设计培训

　　我们学过在按扭或者影片剪辑上添加事件，这些事件也可以很方便地写在帧上，使用起来比较方便，有时也能起到简化脚本的作用。这些写在帧上的事件在软件中是位置是“内置类影片MovieClip事件”。

　　

　　一、 flash 2004提供了18个事件，我们在这里主要介绍Button.onRelease和MovieClip.onEnterFrame这两个件的用法。

　　1、Button.onRelease的用法


复制代码
代码如下:

　　 my_btn.onRelease = function() {
　 // 此处是您的语句
　 } 

　　 这里my_btn是按扭的实例名。当按下并松开按钮时调用。注意，这里的事件都是以函数形式表示的，，我们可以叫做事件处理函数

　　2、MovieClip.onEnterFrame的用法


复制代码
代码如下:

　　 my_mc.onEnterFrame = function() {
　　 // 此处是您的语句
　　 }

　　这里my_mc是影片剪辑的实例名。这个事件处理函数以 SWF 文件的帧频持续调用，这个函数的作用和在mc上写的事件onClipEvent (enterFrame)类同，，使用起来更方便更有效。

　　从用法中可以知道，必须定义一个在调用事件处理时执行的函数。我们看一个实际例子。

　　例 3.2.1

　　前一节的例2中我们在“控制”按钮、“小松鼠”影片剪辑或者“小球”影片剪辑上按下鼠标时，调用自定义函数，使小松鼠和小球分别按照相反的方向运动。现在我们把这三个事件改为写在帧上的事件函数


复制代码
代码如下:

　　 function yd() {
　　 gotoAndPlay(1);
　　 qiu_mc.gotoAndPlay(31);
　　 }
　　 shu_mc.onPress = function() {
　　 yd();
　　 };
　　 qiu_mc.onPress = function() {
　　 yd();
　　 };
　　 my_btn.onPress = function() {
　　 yd();
　　 };

　　这里另加了一个lqiu_mc，在帧上调用MovieClip.onEnterFrame，使这个小球在场景来会运动。


复制代码
代码如下:

　 lqiu_mc.onEnterFrame = function() {//调用MovieClip.onEnterFrame事件函数，
　 this._x += 10; //lqiu_mc的横坐标每次增加10；
　 web=this._x //在文本web中显示lqiu_mc的横坐标；
　 if (this._x>430) { //当lqiu_mc的横坐标大于430时；
　 this._x = 20; //让lqiu_mc的横坐标为20；
　 }
};

　　

　　这里我们可以看到，写在帧上的MovieClip.onEnterFrame和写在mc上的onClipEvent (enterFrame)可以起到完全相同的作用。并且，我们还可以在调用MovieClip.onEnterFrame事件函数时可以随时删去这个事件，以减少内存的占用。例如在上面的事件函数时，我们可以改


复制代码
代码如下:

　　 if (this._x>430) {
　　 this._x = 20;
　　 }为
　 if (this._x>430) {
　 delete this.onEnterFrame
　 }

那么，这个事件被删除，小球停止运动。

　　二、画正玄图象

　　1、新知识点

　　（1）my_mc.createEmptyMovieClip(instanceName, depth)

　　创建作为现有影片剪辑（my_mc）子级的空影片剪辑；

　　instanceName创建的子级影片剪辑的名称；

　　depth创建的子级影片剪辑的名称.

　　（2）my_mc.lineStyle(线条宽度，线条颜色，线条透明度)；

　　my_mc.moveTo(起点横坐标, 起点纵坐标);

　　my_mc.lineTo(终点横坐标, 终点纵坐标);

　　（3）正玄函数

　　 y=sin(x)

　　其中y为-1到1之间。

　　2、例3.2.2 源程序脚本（都写在场景的第1帧）

　　


复制代码
代码如下:

　　i = 0; //变量初始化；
　　 createEmptyMovieClip("mc", 5);//在主时间轴下创建影片mc，深度为1
　　 with (mc) { //狼蚁网站SEO优化几条都是对mc的操作
　　 lineStyle(2, 0x00ff00, 100);//画线条的宽度为2，色彩为绿色，透明度为100
　　 moveTo(100, 50); //画竖线的起点横坐标100，纵坐标50
　　 lineTo(100, 300); //画竖线的终点横坐标100，纵坐标300；
　　 moveTo(50, 200); //画横线的起点横坐标50，纵坐标200
　　 lineTo(480, 200); //画横线的终点横坐标480，纵坐标200
　　 moveTo(100, 200); //画正玄的起点
　　 lineStyle(1, 0xff0000, 100);//正玄线的宽度为1，色彩为红色，透明度为100
　　 }
　　 onEnterFrame = function () {//执行主时间轴下的事件处理函数
　　 x = 100+i; //横轴表示角度，这里i为角度变化。计算正玄函数的横坐标；100是坐标原点横坐标
　　 y = 200-100Math.sin(iMath.PI/180);//计算正玄的纵坐标；
　　 mc.lineTo(x, y); //正玄线的下一点的坐标
　　　 i++;
　　 if (i>=360) { //正玄函数的一个周期360度
　　 delete onEnterFrame;//删去这个事件处理函数
　 }
};

　　3 作业

　　A 把上面的画正玄函数改动为

　　（1）坐标原点为（100，100）；

　　（2）函数高度为50；

　　（3）每隔5度画一点。

　　B: (选作）把上面的画正玄函数改动为正玄图象起点的横坐标、震幅、跨度由输入文本控制如下图的形式

　　

　　

上一篇：Flash AS 入门教程 圆和椭圆函数的应用 下一篇：Flash AS 入门 as自定义函数

平面设计师

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by