FLASH特效之数字天地

一连串的绿色数字在天空中随机飘扬,加上位图的绿色虚拟背景,让人感觉生活在一个由数字组成的天地之间。下面我们就来学习这种技术。

一、算法分析

  每个数字的运动轨迹是如图2的曲线,曲线的方程为x=sin(i),实际上是把普通的正弦曲线旋转了90度,把原来的y坐标转换成了x坐标。数字num的x坐标,表示如下:num._x=Math.sin(i),通过复制函数复制多个数字,为使每个数字的轨迹不同,数字的x坐标乘上一个随机值x,表示如下:num._x=x*Math.sin(i)。数字的y坐标也取随机值y,表示如下:num._y-=y。这样数字从坐标原点沿曲线向上运动,为使数字可从不同的方向运动,把x坐标再乘上一个-1或1的随机值c,表示如下:num._x=c*a*Math.sin(i)。

二、制作过程

  1、打开flashMX2004,新建一400px*200px的文档,背景为白色,帧速率为12fps。
  
  2、按CTRL+F8,新建一MC,在此MC中,建一动态文本,字号为18,字体为Impact,颜色为#339900,变量名为myNum。新建一层,输入下列AS:

myNum=random(10);

  并插入一帧,让其循环,这样动态文本就能显示从0到9的随机数字。如图3所示

  3、返回主场景,按CTRL+L打开库,从库中拖出随机数字的MC,实例名设为num,在此MC上输入下列AS

onClipEvent (load) {
  var n = 0;//复制影片的数目
  var i = 0;//弧度
  var x = random(150)+1;//曲线的宽度随机
  var y = random(5)+1;//MC的y坐标递减量
  var c = Math.pow(-1, random(2));//-1的0或1次方,即随机的1或-1值
}
onClipEvent (enterFrame) {
  if (_name != "num") {
    _x = x*c*Math.sin(i += 0.1)+200;
    _y -= y;//设置数字的坐标,起始x坐标为200,y坐标和num相同。
    if (_y<0) {
      this.removeMovieClip();//如果超出场景,删除MC
    }
  } else {
    n = (n>50) ? 0 : n+1;//限定MC的数目为50
    this.duplicateMovieClip("num"+n, n);//复制MC
    mc = _parent["num"+n];//获得MC的实例名
    mc._xscale = mc._yscale=random(80)+10;//MC的大小随机
  }
}

  4、新建一层,按CTRL+R导入位图,按CTRL+B打散位图,选取位图中间的在石块,按F8转换为MC,实例名为bg。并在帧中输入

bg.swapDepths(100);

  把此MC的深度设为100,这样数字就好像从石块底部不断冒出,形成虚幻的效果。

  本例的视觉冲击力极强,如果加到你的网页中,会使大家对你的网页的专业性刮目相看。把程序稍加修改,即可做出多种随机特效,这留给大家去完成。

时间: 2024-12-10 03:22:23

FLASH特效之数字天地的相关文章

killersound 技巧: 为 Flash Lite 优化数字音频

技巧|优化 同 Macromedia Flash 改变了我们体验 Web 的方式一样,Macromedia Flash Lite 对移动设备起到了同样的作用.音效是这种丰富式体验的一部分.事实上,音效是任何移动设备不可分割的一部分,它提供警告.铃声.音频提示和多种娱乐使用中的背景音乐.在本文中,我将为您介绍 killersound 技巧 - 一种在 Flash Lite 1.1 中使用音效的创新方法(该方法同样适用于在桌面上使用 Flash).使用本技巧,您能够将数字音频的文件大小缩小最多 70

Flash特效制作常用的源代码放送

特效|源代码 对象数组 比如要构建一个有很多属性的数组,简单的可以这样做: var a:Array = new Array(); for (var i = 0; i<10; i++) { a[i] = new Object(); a[i].x = 10; a[i].y = 10*i; a[i].name = "---"; a[i].id = i; // 随便你给什么属性啊. } ////先用局部变量存储对象会更好一点. var a=new Array() for(var i=0;

Flash特效制作:完美loding制作

特效 当然这里的"完美loding"是指londing程序的内部效果而不是外在的美观.不多说了,这篇帖子是我专门为菜鸟而写的,虽然关于"londing程序"制作介绍的文章已经不止唯一了,但是还有许多的新手对于"londing程序"还是有很多疑问,特别是对自己做的"londing"为什么总是在屏幕上一闪而过,有的甚至看不到"londing",当然,这曾经也是我自己的一个疑问.现在我就想大家介绍一个自己测试过N

Flash特效动画制作:飞舞的螺炫

特效 今天和广大的FLASH制作爱好者共享是一种特炫的螺旋动画效果,让我们先来看一下最终的效果吧!  点击这里下载源文件 下面让我们一起来学习这个Flash螺旋特效动画的做法. 第一步:首先打开FLASH软件,新建一个新的场景,然后点菜单栏"修改"→"文档属性",将其背景色设为黑色(如下图),点击确定. 第二步:按一下Ctrl+F8,新建一个元件,名称为Symbol 2,行为为图像,点击确定. 第三步:用线条工具画一条垂直的直线,将直线的属性设为(如图). 第四步:

Flash特效制作常用源代码分享

给各位Flash软件的使用者们来详细的分享一下特效制作常用的源代码. 教程分享: 源代码 对象数组 比如要构建一个有很多属性的数组,简单的可以这样做: 以下是引用片段: vara:Array=newArray(); for(vari=0;i<10;i++){ a[i]=newObject(); a[i].x=10; a[i].y=10*i; a[i].name="---"; a[i].id=i; //随便你给什么属性啊. } ////先用局部变量存储对象会更好一点. vara=n

Flash特效实例:沧海一滴水

特效 实例制作:牧马者 教程编写:舞韵,这是牧马者老师制作的一个实例效果,有关水滴.水流我看到很多,但这个实例令 我心动,制作的细腻逼真,整体的美感,那那种神韵,不由得动手制作,并写下制作过程 和我的体会共大家分享. 效果如下: 点击这里下载源文件 制作过程: 一.打开软件:新建影片,场景属性默认.保存文档.(先保存文档,有利于边制作边保存,不至于出现停电.意外事故丢失呀,这是的得教训!) 二.导入图片:点文件--导入到库.把素材图片导入. 三.建元件: 1.图形元件: (1)海波:在场景点图层

Flash特效制作常用的源代码大放送

源代码 对象数组 比如要构建一个有很多属性的数组,简单的可以这样做: 以下是引用片段: vara:Array=newArray(); for(vari=0;i<10;i++){ a[i]=newObject(); a[i].x=10; a[i].y=10*i; a[i].name="---"; a[i].id=i; //随便你给什么属性啊. } ////先用局部变量存储对象会更好一点. vara=newArray() for(vari=0;i<10;i++){ varta=

Flash快速制作水波特效动画

利用FLASH三方软件,可制作很多炫丽多姿的FLASH特效.这里网页学习网讲解一下利用FLASH三方软件sqirlz water reflections快速制作flash水波特效.方法简单快捷,让您五分钟学会FLASH水波制作. 利用FLASH三方软件,可制作很多特效.这里,我们主要学习一下,制作水波效果.先看下效果吧: 制作教程: 1.利用图像处理软件,这里为photoshop.打开需要制作的图片. 2.查看一下大小. 3.这里,需要注意的是,我们的宽度不变,只设置高度即可.新建一个高度为两倍

jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】_jquery

本文实例讲述了jQuery模拟实现经典FLASH导航动画效果的方法.分享给大家供大家参考,具体如下: 一.前言: FLASH在中国互联网发展初期的时候非常的热,各种各样的矢量造型和动作,加上专门配制的音效,让很多人眼前一亮,并且让很多人迷上了这种新兴的媒体,那时候兴起了很多大大小小的专门发布FLASH的网站,印象中记得的像"FLASH闪吧"."FLASH帝国"."闪客天地"等这些都是很火很热的网站,在当时盛极一时,由此也产生了一大批的专门从事FL