第三讲 按钮和动作脚本
素材及源文件下载
在SWISHmax中的按钮有二种形式,一种是广义的按钮,只要能起按钮作用的就算,不管你画的是形状还是写的文本,比如我们上一讲中的“提交”、“返回”二个文本,另一种是规范的按钮,有向上、经过、按下、按键四种形式,四种形式相当于Flash中按钮的四个帧,规范形式的按钮可以做出更多的变化。本讲所讲的按钮指后一种形式的按钮。
一、创建按钮
执行菜单/插入/按钮命令,便在场景中插入了一个按钮图标,同时,场景中生成了一个蓝色的方块,但测试时却什么也没有,原来场景中的蓝色方块只是一个标记,内容需要自己添加。一个最基本的按钮应该包括哪些内容呢?请看右图,这是一个完整的展开的按钮概要,可以看到按钮的向上、移过、向下、按键四个状态下各有一个形状和一个文本。
创建按钮的步骤如下:
菜单/插入/按钮,点击概要区中按钮向上状态的图标,在场景中画按钮的外形,再写入说明文本,然后选取最上层的有一个小手的“按钮”图标,在上面点右键,在弹出菜单中分别选择“有经过状态”、“有向下状态”、“有按键状态”,就会生成按钮的四个状态,调整一下各个状态下按钮的颜色和说明文本,一个标准的按钮就生成了。
技巧:
1、使用按钮面板也可创建按钮的四种状态,如打勾后再消除,原先设置的按钮状态全部消失,必须重新设置。
2、创建按钮后,如果移动整个按钮或加动作语句,一定要先选取整个按钮,即点选带小手的图标。
3、先设置好按钮向上的状态后再设置另三种状态,可减小工作量。
4、 想让鼠标放上去时出现更多的变化,可在相应的状态下加精灵或形状。
二、动作脚本面板
SWISHmax的动作面板位于场景的上方,切换很方便,它很像Flash mx的动作面板,也有专家模式和指导模式两种。左图是打开的动作面板。
从左图中可以看出,动作面板分成二个部分,左面是各条指令的菜单,一条细线将其分成上下二个部分,上半部分定义指令的对象,下半部分是要执行的指令,指令分成帧、电影控制等十大类,每类旁边的小三角点开后又可看到下一级菜单。右面可以切换指导模式和专家模式。(专家模式未在图中显示出来)。
如果您对脚本命令比较熟悉,使用专家模式下可添加更多的指令。
三、按钮的作用
按钮在交互性动画中具有非常重要的地位,利用它,可以实现播放、停止、属性变化等多种效果,下面是我精心设计的一个“实用按钮效果演示”实例,先看效果:
[全屏欣赏]
http://www.macromedia.com/shockw ... sion=ShockwaveFlash'
type='application/x-shockwave-flash' width=480
height=360>
http://gdr.flasher123.com/zhizhu ... ;
下面,我们就来一步一步的完成这个实例,做出来以后,不知您会不会有一种兴奋的感觉?因为学到这里,您已经可以独立完成网站导航条的设计了。
1、创造电影:600*170像素,背景白色,帧频12
2、导入背景图像:菜单/插入/图像/插入素材下载里的名为Snap5.jpg的图片,对齐场景。
3、写入静态文本“SWISHmax”,字体大小60,红色。其特效动作见下表。
4、写入静态文本“实用按钮效果演示”,字体大小48,蓝色,特效动作见下表。
静态文本“SWISHmax”
静态文本“实用按钮效果演示”
第1-10帧
效果/渐进/淡入
第47-56帧
效果/滑动/从右上进入
第11-25帧
效果/连续循环/活塞
第65-85帧
效果/核心效果/变形
第26-33帧
效果/复原
第85-100帧
效果/模糊(以组件开始:清除)
第34-53帧
效果/从位置消失/挤压并向外旋转
(在运动面板上改颜色为蓝色)
第54-63帧
效果/渐近/淡出
5、创建按钮
(1) 菜单/插入/按钮,在场景中创建一个按钮。
(2) 在按钮的向上状态下,按下工具/自动外形工具/园形按钮,画一90*25的园形按钮,线性梯度白紫二色。
(3) 写入 静态文本“停止播放”,字体大小18,颜色蓝色。
(4) 在有小手的按钮图标上点一下,打开按钮面板,如右图,在第二、三项前打勾。
(5) 打开按钮,在经过状态下,写入静态文本“点击此按钮,停止播放影片”,在文本下面加一白色外形(透明度80%)以突出显示文。
(6) 调整经过状态和向下状态的按钮颜色和文本位置并进行测试。
(7) 合上按钮,按ctrl键,拖出五个一样的按钮,分别改名字和文本为“开始播放”、“透明效果”、“鼠标跟随”、“场景跳转”、“进入教室”,说明文字也相应改变。
用排列面板排齐,放在场景的下方。
6、创建“bz”元件,画一个园形,70*70,填充已裁剪图像,红边,放在右上角,名称:bz,目标前打勾。
7、新建场景二,插入背景图,写上静态文本:这里是第二场景,再做返回第一场景的一个按钮。
8、加语句,我们将在课堂上用语音的方法讲怎么加语句,在这里,我们只列出六个按钮上的语句如下:(如果您没有跟上我讲课的速度,那么,您可以下载素材包里的“实用按钮演示素材”,继续跟我做下面的教程)
按钮
语句
按钮
语句
停止播放
on (press) {
stop();
}
鼠标跟随
on (press)
{
bz.startDragLocked(50,550,10,160);
}
on (release)
{
stopDrag();
}
开始播放
on (press) {
play();
}
场景跳转
on (press)
{
gotoSceneAndPlay("Scene_2",1);
}
透明效果
on (press) {
bz._alpha=bz._alpha-20;
if
(bz._alpha
进入教室
on (press)
{
getURL("http://280739.chat.yinsha.com"/' target=_blank>
http://280739.chat.yinsha.com" ;,"_blank");
}
在SWISHmax中,如果是多场景,默认状态下是从第一场景向后,依次播放各场景,如果我们不在时间线上加语句控制播放,那我们的“场景跳转”按钮就不能发挥作用,所以我们要在时间帧上加语句如下:
第一场景第100帧
onFrame (100)
{
gotoSceneAndPlay("Scene_1",1);
}
第二场景第一帧
onFrame (1)
{
stop();
}
第二场景中的按钮上的语句是要当按下后,返回第一场景第一帧,这个语句就不说该怎么写了,大家自己想想。