文章导航PC6首页软件下载单机游戏安卓资源苹果资源

pc软件新闻网络操作系统办公工具编程服务器软件评测

安卓新闻资讯应用教程刷机教程安卓游戏攻略tv资讯深度阅读综合安卓评测

苹果ios资讯苹果手机越狱备份教程美化教程ios软件教程mac教程

单机游戏角色扮演即时战略动作射击棋牌游戏体育竞技模拟经营其它游戏游戏工具

网游cf活动dnf活动lol周免英雄lol礼包

手游最新动态手游评测手游活动新游预告手游问答

您的位置:首页网页设计Flash → Flash螺旋特效实例剖析

Flash螺旋特效实例剖析

时间:2004/11/7 2:25:00来源:本站整理作者:蓝点我要评论(0)


            
             
              
             
            

               
               

            



             这是一个完全通过Actions来实现的例子,对于熟悉Actions的人来说,做这样一个效果简直易如反掌。不过相信还有许多朋友对Actions还是似懂非懂,有时候甚至觉得很高深,其实只要我们有意识地接触一些用简单的Actions实现的效果,就可以从建立基本的概念开始,为深入全面地了解Actions打下良好的基础。

  基本思路:按顺序生成包括原来的电影片断在内的一共120个电影片断,且每一个电影片断均在前一个的基础上顺时针旋转了度,加上电影片断在复制生成的过程中自身也在播放,所以我们就看到了螺旋的效果。



pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="150"
height="143">

螺旋效果示例


  制作步骤:


  新建一个文件,设置背景色为黑色。


  按Ctrl-F8新建一个图形类图符line。选择椭圆工具,在参数修改器中取消边线,并把填充色设置为黑蓝黑线性渐进色,也就是把渐进色定义条设为如图所示:,在编辑区拉出一个扁扁的椭圆来。

  选择箭头工具,在不选中椭圆的情况下,把鼠标移到椭圆的最右端,当鼠标右下方出现弧线时,点住并拖动鼠标把椭圆拉成如下图所示的样子。以下的两个图所示为同一对象,因为左图不能很好地反映其形状,所以同时给出右图。注意,一定要把这个椭圆移到下图所示的位置上,也就是让它的左端刚好位于十字定位符上,这是因为我们一会儿要对它做放缩变形,并希望其左端固定不动。


 


  再次按下Ctrl-F8新建一个电影片断类图符linemovie。 按Ctrl-L打开图库窗口,把line拖出来放在编辑区中,请再次注意所放的位置:要求它自身的十字定位符正好与编辑区的十字定位符重合,如下图左所示。这是因为我们需要对这个图符实例做旋转,并希望其左端为其旋转中心点。





  在第120帧按下F6插入关键帧,把该实例向右拉伸至上图右所示大小。双击该实例,设置它的颜色参数如下图所示,就可得到上图右所示颜色效果。



  现在设置第1帧的属性为运动渐变,这样我们就把这个图符做好了。


  回到主场景。从图库中把这个电影片断类图符linemovie拖出来放在中间,如果太大就把它缩小一些。双击它,在Definition(定义)标签下把它的实例名称设成line,如下图所示。



  在第2帧按F6插入关键帧。双击第2帧设置Actions。大家先跟我一步一步往下做,最后我们再来分析一下这样编写Actions的目的。选Set Variable,把参数设置为下图所示。Set Variable用来设置变量,学过编程的朋友可以很容易理解。变量名可以是任意以字母开头的字符串,这里我们用n更有意义一些。注意,因为我们需要把n+3的值赋给n,所以在下图所示Value一项中右边的符号应为“=”而不是。“=”表示表达式,表示字符串。



  下面再来设置条件判断语句。选If。并在右边的Condition(条件)栏中输入n<360。



  选Duplicate/Remove Movie Clip(复制/删除电影片断),把右边的参数设置成下图所示。其中target为待复制的对象,这里我们用刚做好并命名的电影片断line。 它前面的“/”表示它的位置位于当前层的根部,而没有 “/” 的目标则对应于当前电影片断。 New Name为复制后新生成的电影片断名,这里用"line"&n。&为连结符,这时复制后的新电影片断名将随着n的不同而不同,比如n=1时,新电影片断名为line1,n=4时,新名为line4等等。在New Name中,只需要名字,不需要路径。Depth(深度)确定创建的实例与其他对象重叠时的层次。整条语句的作用是把电影片断line复制并重新命名为"line"&n。



  选Set Property(设置电影片断的属性)。这是Actions中用到的最频繁也最重要的语句之一。我们来设置新复制的电影片断的旋转属性。在Set下拉框中选Rotation(旋转),Target为要设置属性的电影片断,填上"/line"&n。Value用来指定改变后的属性值。其中GetProperty用来获取指定对象的相关属性,在这里我们将得到电影片断line的旋转角度值,以度为单位。这样设置的作用是把新复制出来的电影片断"line"&n做一个旋转,其旋转角为电影片断line旋转角度加上n的值。



  最后,选Go to。并在右下方的Control复选框中打上对勾。这条语句的作用是跳转到第1帧并继续播放。



  下面是做好的Actions语句:


   Set Variable: "n" = n+3
   If (n<360)
    Duplicate Movie Clip("/line","line"&n,n)
    Set Property("/line"&n, Rotation) = GetProperty("/line",_rotation)+n
    Go to and Play(1)
   End If


  根据以上我们对每一条语句的解释,大家不难理解这段小程序的设计思路。我在这里只简单说一下,执行这个Actions的结果是按顺序生成包括原来的电影片断在内的一共120个电影片断,且每一个电影片断均在前一个的基础上顺时针旋转了3度,加上电影片断在复制生成的过程中自身也在播放,所以我们就看到了螺旋的效果。

  这里要注意的是,在制作linemovie电影片断类图符时,我们用到了120帧,这个数字与Actions中的第1句密切相关,它是由360/3得到的,如果第1句改写为Set Variable: "n" = n+4,则在编辑linemovie时,用到90帧(360/4)就行了,否则会得到不好的效果,不信大家可以试试看就知道为什么了。


源文件下载

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 Flash CS4基础入门 如何在Flash中打开一个定制的浏览器新窗口?学习ActionScript 3.0的6个好处几个小技巧精简Flash文件体积在Flash动画中添加“加为收藏”和“设为首页

人气排行 Flash游戏制作--小熊拼图用Flash实现几种镜头效果Flash制作动画知识:遮罩Flash如何做鼠标指针样式Flash制作环形文字Flash制作声情并茂的电子相册实例讲解flashMTV制作全过程(3)鼠标效果系列教程:游动的鱼