动画设计 百分网手机站

动作脚本交互式动画设计

时间:2017-11-15 11:51:42 动画设计 我要投稿

动作脚本交互式动画设计

  Flash具有交互性的特征,通过脚本语言构建交互式flash动画,有助于优化flash动画集成制作。灵活使用动作脚本,让学生具备了flash动画制作能力,制作出更多优秀FLASH作品。下面是小编分享的动作脚本交互式动画设计,欢迎大家阅读!

  从实质层面上看,动作脚本也即Flash提供给我们的一些运算符与对象。Flash中脚本命令被简单地称之为工作脚本,英文表示为ActionScript。Flash的应用,为我们营造了更多逼真的动画效果,让交互性变成可能,当点击按钮,便可实施人机交互,这便需要使用到动作脚本。代码控制在动作脚本中,组成了Flash交互性不可缺少的一部分。将动作脚本方法应用在Flash,简单地划分为以下两种形式,一种形式是,将脚本编写到对象上,如,影片剪辑元件,另一种种形式是,将脚本编写到时间轴上的关键帧。

  1Flash中不易分清的概念

  FLASH动画的各个对象的位置关系是按照一定的层状结构展现各对象间的位置关系。其根为场景。各场景是相对独立的动画,FLASH设置各场景播放顺序,逐个衔接各动画场景,所以我们看到的动画是持续的,在编辑过程中,各场景实例是不能够应用在其余场景中的,最好应用在相同场景编辑中。对场景播放顺序,设置时,借助窗口一面板一场景。对具体的一个场景而言,和其余场景结构是相同的。均涵盖了一个或多个图层。

  2动画的设计与实现

  2.1动画实现的目标

  动画多是为了让文字紧随鼠标来变动,以鼠标作为圆心,进行圆周运动,此外,文字颜色表现出色彩变动。

  2.2动画原理的分析

  ①窗口鼠标、文字、舞台坐标间的位置关系。鼠标移动同时,文字也要移动,同时围绕鼠标做圆周运动,文字坐标值指的是圆周上的某点。鼠标坐标值紧随鼠标移动而改变,同时,文字鼠标值也相应发生改变。默认的坐标原点O:(0,0)位在窗口左上角,圆心O:(h,k)代表鼠标在窗口舞台上的坐标值,在坐标系中,也就是将圆心O不再是,而被移到了(h,k)。按照圆心O:(h,k),再次将直角坐标系构建起来,P点表示的圆心为点(h,k),半径为r,为圆上一点坐标,是文字坐标位置所表示的区域。鼠标的坐标值(h,k)、P点的坐标值(x,y)二者之间的关系可用下述公式来表示:。事实上,Flash里对三角函数里的角做出了规定,其单位要为“弧度”,1度与π/180弧度是相等的,Flash中的P点的坐标可用下述公式来表示:arkyarhx180/.(sin()),180/.(cos()。在本次获得的动画效果中,需要的文字对象数目为N个,以鼠标为中心做圆周运动,圆周上面的平均分配的P点坐标数目需要N个,各P点坐标的表示则为:180/())./360sin((.)),180/()./360cos(()xryiNhriNkfalse[1]。圆周上的'i代表的是圆周上的第几个文字。应当引起主要的一点是,P点坐标指的是文本域注册点的坐标值,在实践当中,要将文本域中心点移至P点位置。②关键的处理函数。Math.random()函数能够形成随意的小数,处在0~1间,Math.round()函数以四舍五入的形式获得相似整数,两者整合起来,应用在文字随机颜色创建中,让文字颜色不断表现出色彩变换;对addEventListener事件侦听函数,当有数值出现改变,其按照变化后的数值对其余变量数值做出新的计算。

  2.3动画实现的流程

  第一步,新建Flash文档,把舞台大小设置为550px×400px;第二步,新建影片剪辑元件,将其名字命名为apple,把眼球图形绘制到元件编辑窗口中,设定其半径为50,采用对齐工具,在眼球圆心中放入注册点,和途中的点B(a,b)保持对应关系;第三步,绘制左圆形眼眶,左眼眶中心(150,150),绘制右圆形眼眶,右眼眶中心(400,150),半径R=100,全部放置在场景编辑窗口中,和点A(m,n)保持对应关系;第四步,将2个apple元件实例于库面板中拖出来,一个命名为left_apple,表示左眼球,另一个命名为right_apple,表示右眼球;第五步,根据以动画原理分析为根据,同时结合获得的计算公式,将相应代码添加至图层1的第一帧中;第六步,装饰动画,把眉毛添加到眼睛上,同时将含微笑的嘴巴放到眼睛的下部,显得更逼真;第七步,经过测试,并得到影片。

  3结论

  本次研究使用了Flash的动作脚本,让交互性动画生动地呈现出来,对脚本中的部分参数,做出设置,生成各种动画效果,如,变量d能够对文字的转动频率实施调控,计算公式d+=0.05中,0.05数值发生改变后,产生的文字转动频率是不同的,值变小,文字转动变慢,值变大时,文字转动变快,+/-号在公式中可以对文字的转动方向进行调控,变成顺时针/逆时针;文字字号大小设置公式公式format.在文字转动过程中,同时将文字调下或调大。像上述设置,结合实际需求,做出相应调整。切实掌握动作脚本,便能营造出各类交互性动画效果。

【动作脚本交互式动画设计】相关文章:

1.动画设计的分镜头脚本研究

2.传统动画设计与Flash动画设计的比较

3.传统动画设计与Flash动画设计的区别

4.动画设计之美

5.Flash动画设计

6.PPT动画设计法则

7.flash动画设计优点

8.色彩对动画设计的运用