蒙在股里 发表于 2015-1-15 21:17:19

带来一篇Flash 交互打字效果(1)

网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash的前身是FutureWave公司的FutureSplash,是世界上第一个商用的二维矢量动画软件。
 编者:固然有人大概会说,如许的打字效果在Swish中能够很便利地完成……可是人人用制造会有更多分歧的体验,提示人人注重:这里的初识笔墨是写在代码内里的,同时它还能够承受用户静态输出,完成交互显现。

  我们经常瞥见上面演示的打字效果:字符一个个地跳上屏幕,前面还随着一个明灭的光标,很成心思。良多伴侣以为用swish制造FLASH老手对这个效果的制造还不甚分明,如今我就将上面这个打字效果的制造历程供应给人人,但愿对人人有所匡助。

  完成道理

  在这个影片中,我们用一个string工具来保留要显现的全体字符,然后在元件“screen”第一帧中,挪用string工具的substring函数来获得从第一个字符到第index个字符,然后将其赋值给“textarea”工具显现出来(前面加上一个字符_是用来充任输出光标的)。index加1,即下次多显现一个字符,如许看起来字符就是一个个增添上往的。当index值即是需显现字符的总长度时影片中断播放,“打字”停止。然后经由过程天生一个随机整数随机跳转至后9帧中的任一帧,再让影片本人播放至最初一帧,最初一帧再跳转至第一帧举行下一轮的显现,如许完成了输出效果工夫提早上的随机性。关于影片中利用到的函数的详细用法,请参看FLASH的匡助文件。
  起首来处置这个效果中最主要的部分:字符的显现。
  1.新建一个影片元件“screen”。点选“笔墨”工具,在“属性”栏中将其改成“静态文本”(以下图),然后在影片中拉出一个巨细符合的矩形地区。

  2.点选方才拉出的文本地区,将其“instance”值改成“textarea”。然后调剂其字体,色彩等参数至得当值。出格注重将文本地区的“行范例”改成“多行”。(参考下图)



  3.点击第一帧,在“帧举措”中到场以下代码:

  textarea.text=textshow.substring(0,index)+"_";
  index++;
  if(index>textshow.length)
    stop();
  gotoAndPlay(Math.ceil(Math.random()*5)+5);
  4.在第10帧新建一个关头帧,点击第10帧,到场以下代码:
  gotoAndPlay(1);
  5.新建一个层“back”,在内里拉出一个跟文本框巨细差未几的玄色矩形,作为文本框的背景。点击本层的第10帧,按F5键,将本层时长延伸至第10帧。
  6.新建一个层“sound”,点击“文件”-》“导进”,导进一个打字的声响文件。然后将其拖放到这一层的第一帧并得当延伸本层时长。
  好了,笔墨的显现部分基础完成,对代码部分不分明的伴侣请再细心浏览本文入手下手的完成道理,上面持续。



</p>
</p>
AdobeFlashProfessionalCS5.5软件可以提供行业领先、用于制作具有表现力的交互式内容的授权环境。

莫相离 发表于 2015-1-17 16:09:02

流技术让用户在下载的同时看到动画(与全部下载后再观看相反)。但是这也不是什么新技术-Web一出现就有这种技术了。

再现理想 发表于 2015-1-25 18:16:53

Flash流行的主要原因是它使用了矢量图形(与位图相反)。因为这种图形格式比位图小得多,而且在缩放时对图形质量影响不大,所以很适合对带宽要求很高的Web。

变相怪杰 发表于 2015-2-3 14:11:49

Flash插件的最新版本允许设计者控制Box之外的元素和把Flash元素放在HTML或其它元素上面或下面,这就为交互性打开了一个崭新的世界。

老尸 发表于 2015-2-9 04:08:34

随着动画的日益发展壮大,动画片在世界范围影响里越来越大,广告、网页、电影各个方面都应用到了动画。

愤怒的大鸟 发表于 2015-2-26 23:12:21

富媒体广告的概念:富媒体 Rich Media,是由英文翻译而来,从字面上很难理解Rich Media到底是什么。

活着的死人 发表于 2015-3-8 19:36:45

不过,要说国内在FLASH动画领域做的比较出色的,公认的是广州形动数码科技。

冷月葬花魂 发表于 2015-3-16 18:20:32

flash的优缺点可以如何运用呢?
页: [1]
查看完整版本: 带来一篇Flash 交互打字效果(1)