swishma教程--第三讲按钮和动作脚本_第1页
swishma教程--第三讲按钮和动作脚本_第2页
swishma教程--第三讲按钮和动作脚本_第3页
swishma教程--第三讲按钮和动作脚本_第4页
swishma教程--第三讲按钮和动作脚本_第5页
已阅读5页,还剩4页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、swishmax教程-第三讲 按钮和动作脚本在SWISHmax的按钮有二种形式,一种是广义的按钮,只要能起按钮作用的就算,不管你画的是形状还是写的文本,比如我们上一讲中的“提交”、“返回”二个文本,另一种是规范的按钮,有向上、经过、按下、按键四种形式,四种形式相当于Flash中按钮的四个帧,规范形式的按钮可以做出更多的变化。本讲所讲的按钮指后一种形式的按钮。一、创建按钮执行菜单/插入/按钮命令,便在场景中插入了一个按钮图标,同时,场景中生成了一个蓝色的方块,但测试时却什么也没有,原来场景中的蓝色方块只是一个标记,内容需要自己添加。一个最基本的按钮应该包括哪些内容呢请看右图,这是一个完整的展开的

2、按钮概要,可以看到按钮的向上、 移过、向下、按键四个状态下各有一个形状和一个文本。创建按钮的步骤如下:菜单/插入/按钮,点击概要区中按钮向上状态的图标,在场景中画按钮的外形,再写入说明文本,然后选取最上层的有一个小手的“按钮”图标前的“-”号,在按钮面板中的“有分隔经过状态”、“有分隔向下状态”、“有分隔按键状态”前打勾,就会生成按钮的四个状态,调整一下各个状态下按钮的颜色和说明文本,一个标准的按钮就生成了。技巧:1、使用右键弹出菜单也可创建按钮的四种状态,在按钮面板中如打勾后再消除,原先设置的按钮状态全部消失,必须重新设置。2、创建按钮后,如果移动整个按钮或加动作语句,一定要先选取整个按钮,

3、即点选带小手的图标。3、先设置好按钮向上的状态后再设置另三种状态,可减小工作量。4、想让鼠标放上去时出现更多的变化,可在相应的状态下加精灵或形状。Scene 1l-i也必按镶-向上状出 T向上 茕«酸核铤-森移过状态4 T姓过朗Q禄按钮-我-向下卡忘 弗T向下 薜金碑改研二鼻接睫伏感 £按矩形、动作脚本面板SWISHma的动作面板位于场景的上方,切换很方便,它很像 Flash mx的动作面板,也有专家模式和指导模式两种。左图是打开的动作面板。从左图中可以看出,动作面板分成二个部分,左面是各条指令的菜单,一条细线将其分成上下二个部分,上半部分定义指令的对象,下半部分是要 执行

4、的指令,指令分成帧、电影控制等十大类,每类旁边的小三角点开后又可看到下一级菜单。右面可以切换指导模式和专家模式。(专家模式未 在图中显示出来)。如果您对脚本命令比较熟悉,使用专家模式下可添加更多的指令。在课堂上,我们将语音介绍指导模式中一些常用指令的使用版面:S mm 1脚本靠而脚本个.冷面导事件定文函数C )幡)电影控制(W 条件© 鼠标拖动通) 精灵6) 声明© 声音。浏览器/网络也) 调试自身文本ail (press) onan GrollOvsr) on. tr ollOut)onan(dr agOyer)(dr a&ut)G"电1电且宜tOul

5、side)an. (keyFress C .三、按钮的作用按钮在交互性动画中具有非常重要的地位,利用它,可以实现播放、停止、属性变化等多种效果,下面是我精心设计的一个“实用按钮效果演示实例,先看效果:下面,我们就来一步一步的完成这个实例,做出来以后,不知您会不会有一种兴奋的感觉因为学到这里,您已经可以独立完成网站导航条的设计了1、创造电影:600*170像素,背景白色,帧频 122、导入背景图像:菜单/插入/图像/插入素材下载里的名为的图片,对齐场景。3、写入静态文本“ SWISHmax ,字体大小60,红色。其特效动作见下表。4、写入静态文本“实用按钮效果演示”,字体大小48,蓝色,特效动作

6、见下表。静态义木" SWISHmax静态文本“实用按钮效果演示”第1-10帧效果/渐进/淡入第47-56帧效果/滑动/从右上进入第11-25帧效果/连续循环/活塞第65-85帧效果/核心效果/变形第26-33帧效果/复原第85-100帧效果/模糊(以组件开始:清除)第34-53帧效果/从位置消失/挤压并向外廊(在运动面板上改颜色为蓝色)第54-63帧效果/渐近/淡出5、创建按钮6、创建“bz”元件,画一个园形,70*70,填充已裁剪图像,红边,放在右上角,名称:bz,目标前打勾7、新建场景二,插入背景图,写上静态文本:这里是第二场景,再做返回第一场景的一个按钮8、加语句,我们将在课堂

7、上用语音的方法讲怎么加语句,在这里,我们只列出六个按钮上的语句如下:(如果您没有跟上我讲课的速度,那么,您可以下载素材包里的“实用按钮演示素材",继续跟我做下面的教程)按语句按语句钮钮on (press) 停on (press) 鼠(50,550,10,160);止stop();标)播跟on (release) 放随stopDrag();)开on (press) 场on (press) 始play();景gotoSceneAndPlay("Scene_2",1);播跳)放转on (press) 透=;进on (press) 明if <0) 入getURL(&

8、quot;","_blank");效=100;教)果室按语句按语句钮钮on (press) 停on (press) 鼠(50,550,10,160);止stop();标播跟on (release) 放随stopDrag();开始懵放on (press) piay();场目 早跳转on (press) gotoSceneAndPlay("Scene_2”,1);on (press) 透=;进on (press) 明f <0) 入getURL("","_blank");效=100;教果室(1)菜单/插入/按钮,在

9、场景中创建一个按钮(2)在按钮的向上状态下,按下工具/自动外形工具/园形按钮,画 90*25的园形按钮, 线性梯度白紫二色。(3)写入静态文本“停止播放”,字体大小 18,颜色蓝色。(4)在有小手的按钮图标上点一下,打开按钮面板,如右图,在第二、三项前打勾。(5)打开按钮,在经过状态下,写入静态文本”点击此按钮,停止播放影片”,在文本下面加一白色外形(透明度80%以突出显示文本。(6)调整经过状态和向下状态的按钮颜色和文本位置并进行测试。(7)合上按钮,按Ctrl键,拖出五个一样的按钮,分别改名字和文本为“开始播放”、“透明效果”、“鼠标跟随”、“场景跳转”、“进入教室”,说明文字也相应改变。

10、用排列面板排齐,放在场景的下方电影 按钮 变形名称:停止播放口目标口更改为菜单司病隔轻运状态 回有右隔向下状态 口有否陪校碑状意为技健状杳使用边界植6、创建“bz”元件,画一个园形,70*70,填充已裁剪图像,红边,放在右上角,名称:bz,目标前打勾。7、新建场景二,插入背景图,写上静态文本:这里是第二场景,再做返回第一场景的一个按8、加语句,我们将在课堂上用语音的方法讲怎么加语句,在这里,我们只列出六个按钮上的 语句如下:(如果您没有跟上我讲课的速度,那么,您可以下载素材包里的“实用按钮演示 素材”,继续跟我做下面的教程)按钮语句按钮语句on (press) 鼠(50,550,10,160)

11、;on (press) 停止标)stop();播放跟on (release) f随stopDrag();)场on (press) on (press) 开始景)lay();gotoSceneAndPlay("Scene_2",1);播放跳,)转透明效果on (press) =;f <0) =100;进入教室on (press) getURL("","_blank");)在SWISHmaX,如果是多场景,默认状态下是从第一场景向后,依次播放各场景,如果我们 不在时间线上加语句控制播放,那我们的“场景跳转”按钮就不能发挥作用,所以我

12、们要在 时间帧上加语句如下:第一场景第100帧onFrame (100) gotoSceneAndPlay("Scene_1”,1);第二场景第一帧onFrame (1) stop();)第二场景中的按钮上的语句是要当按下后,返回第一场景第一帧,这个语句就不说该怎么写 了,大家自己想想。四、课后作业(此为选修内容)上面的实例实际上就是今天的作业了,如果你觉得有兴趣,没被我讲的睡着了,那么,我们再补充一个实例,实验如何加载外部swf文件和文本,(本实例为选修内容,如果时间不够,将不讲此实例)。请点击右面的一排文字按钮,测试效果,在这个实例中,我们用脚本语句控制,进行了按钮加载和时间帧加

13、载的实验,这个实例制作上只是几行文字加一个外框和一个精灵而已,加载的文件是用Flash mx 2004处理过的swf文件。设计这个实例的目地是为了尝试解决SWISHmaX口 Flash的整合问题,在前面几课中我们谈到二个软件互相导入时会出现的种种问题,那么怎么解决呢这个实例可能能部分解决这个问题。swf文件可以放在任意的网站上,非常方便。加载加载swf文件的路径有相对路径加载和绝对路径加载两种,提倡用绝对路径加载,这样,做好的swf文件时可以直接在时间线上加载,也可以用按钮控制,既可以加载在层上,也可以加载在精灵上,从本实例所设计的几种加载方法来看,感觉加载在精灵上更容易控制所加载的 SWFt

14、件的大小、属性等,更灵活方便。为了让大家更明白如何加载外部 swf文件,请打开素材下载中提供的素材文件,我们一起来用绝对路径的方法加载swf文件下面是使用的动作脚本语句和解释,为了版面整洁,我们只选择了主要语句,每个加载语句的元件分为二行,上面一行是加载的语句,下面一行是解释加载到场扈 早oadMovieNum("”,1);用按钮控制何时载入swf文件,文件被加载到levell上,从中可知SWISHmaXL有层深 u的问题。删除到场扈 早unloadMovieNum(l);删除加载到levell上的swf文件加载外部义本oadVariablesNum("",0);U个实际上是加载外部文本中的变量清空乂木www =""清至及量www不再加载外部文本中的变量加载 到精灵("");=50;=50;=100;=50;=100;把swf文件加载到abc这个精灵上,从而控制加载文件的位置,属性,这种方法具有灵 活方便的优点。删除 到精灵();删除加载到abc这个精灵上的文件载入到时间轴play(

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论