FlashMX经典实例(8)

2016-01-29 13:10 3 1 收藏

FlashMX经典实例(8),FlashMX经典实例(8)

【 tulaoshi.com - Flash 】

FlashMX经典实例之属性应用


效果预览图:

 

图1-1

效果简介:

这是一个使用电影属性来完成的综合效果。笔者想通过这个具体实例给大家讲解影片剪辑属性的作用及其使用方法。

文章简介:

在文章讲解前,大家应该先知道这个概念——从库中拖拽到场景中的元件就是一个实例。只有影片剪辑、按钮实例能使用电影属性。文章中将学到使用常用电影属性实现的一些效果。最终效果图如图1-1所示。

制作步骤:

设置场景的大小为480px×360px,背景色为#893300,帧频为12fps。

1.把主场景中的“图层 1”改名为“图片”层,然后导入一张图片,笔者使用的一个滑梯图片,其大小是(60px,30px)。

2.鼠标左键选中滑梯图片,按F8键,在弹出的“创建新元件”面板中把该图片转换成“滑梯”影片剪辑元件。接着在其编辑场景的“属性”面板如图1-2所示进行设置,即让滑梯以场景的左角定点在场景的中心,如图1-3所示,这在需要给影片剪辑严格定位的编程中经常使用。

 

 图1-2

   

图1-3

3.回到主场景。选中“滑梯”元件,然后在“属性”面板中给该元件起个实例名“mc”。

4.下面我们先来编写一段程序让读者可以通过方向键来自由的控制实例“mc”的运动。

右键点选实例“mc”,在弹出的菜单中选择“动作”命令,然后在打开的“动作”面板中键入如下代码(专家模式下):

//帧被载入时执行

onClipEvent (enterFrame) {

//如果敲击左方向键,实例“mc”左移15px

if (Key.isDown(Key.LEFT)) _x -= 15;

//不能实例“mc”跑到按钮区里

if (_x<=100) _x = 100;

//如果敲击右方向键,实例“mc”右移15px

if (Key.isDown(Key.RIGHT)) _x += 15;

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

//不让实例“mc”从场景右面外跑出去

if (_x=480-_width) _x = 480-_width;

//如果敲击上方向键,实例“mc”上移20px

if (Key.isDown(Key.UP)) _y -= 20;

//不让实例“mc”从场景上面外跑出去

if (_y<=0) _y = 0;

//如果敲击下方向键,实例“mc”下移20px

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

if (Key.isDown(Key.DOWN)) _y += 20;

//不让实例“mc”从场景下面外跑出去

if (_y=360-_height) _y = 360-_height;

}

在代码中,使用到了_x、_y、_width、_height这四个电影属性了。_x属性,_y属性的作用就是设置影片剪辑在场景中X,Y轴的坐标值;从名字就可以看出来,_width属性,_height属性的作用是影片剪辑的宽度和高度属性。与_x、_y属性相似的_xmouse、_ymouse属性则可以返回鼠标当前的坐标值。

现在读者可以单击小键盘上的方向键让影片进行运动了。如果你敲击“←”键,则实例“mc”的X轴坐标值就会减去15个像素单位,即向做移动15个像素。代码“if (_y<=0) _y = 0;”的作用是先判断实例是否在场景外,如果在,则把实例的坐标重置为“0”,以确保实例不出界。

在编写大段代码时,常因漏写、多写“{}”而导致程序出错并且不容易查找。现在我告诉大家,在if、for等语句中不写“{}”是合法的。正如代码中所示的一样。

5.在主场景中再新建一层,并改名为“按钮”层。在该层中放置一个按钮。双击该按钮,并在其中输入文字“alpha”,如图1-4所示。该按钮的作用是控制实例“mc”的透明度。

 

 图1-4

右键点选“alpha”按钮,打开“动作”面板,然后输入如下代码:

//release为按钮释放事件

on (release) {

//透明度属性的值减10

mc._alpha -= 10;

//实例“mc”完全透明时重置透明值为100

if (mc._alpha <=0) mc._alpha = 100;

}

影片剪辑的_alpha属性可以返回影片剪辑透明度或改变。其值的范围在0(完全透明)到100(完全不透明)之间。如果想直接将影片或是按钮实例进行隐藏,可以使用_visible属性,具体的使用方法是“mc._visible = 0;”。但此时的影片剪辑和按钮则同时被禁用。

6.如图1-1所示在主场景的“按钮”层再放置一个“rotation”按钮,其作用是改变实例“mc”的角度值,使影片发生旋转。右键点选“rotation”按钮,打开“动作”面板,键入如下代码:

on (release) {

//控制实

来源:http://www.tulaoshi.com/n/20160129/1489195.html

延伸阅读
标签: flash教程
Flash经典实例之弹缩按钮 效果预览图:   图2-1 效果简介: 当鼠标移动到该按钮上,小球被弹开,变成一个如图2-1所示的按钮。当鼠标离开按钮时,按钮又会缩为一个小球。如果读者在自己的MTV作品或是网站中用上这个弹缩按钮,效果一定很酷。 文章简介: 该按钮效果的实现技巧主要就是在按钮的“弹起”和“按下”这两帧的场景里...
标签: Web开发
经常看到jsp的初学者问tomcat下如何配置jsp、servlet和bean的问题,于是总结了一下如何tomcat下配置jsp、servlet和ben,希望对那些初学者有所帮助。 一、开发环境配置 第一步:下载j2sdk和tomcat:到sun官方站(http://java.sun.com/j2se/1.5.0/download.jsp)下载j2sdk,注意下载版本为Windows Offline Installation的S...
经典的VI设计应用实例(三) dekra VI设计应用
标签: flash教程
总部设在旧金山的Macromedia公司星期二(11月11日)在声明中宣布,该公司正在为其MX2004和Flash MXProfessional2004产品提供第二次升级的机会,以解决原发布的产品中的小故障和臭虫问题。 Macromedia行销部副总裁JeffWhatcott在会见internetnews.com记者时承认:“有些人确实把原版本形容为多臭虫(buggy)。这次我们升...

经验教程

211

收藏

64
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部