最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442
当前位置:首页 > 网络设计学院 > Flash教程

FLASH打造数字天地特效效果教程

日期:10-18    来源:中国设计秀    作者:cnwebshow.com

一、算法分析 JBG中国设计秀
JBG中国设计秀
  每个数字的运动轨迹是如图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)。 JBG中国设计秀
JBG中国设计秀
 JBG中国设计秀

请添加描述   二、制作过程 JBG中国设计秀
JBG中国设计秀
  1、打开flashMX2004,新建一400px*200px的文档,背景为白色,帧速率为12fps。 JBG中国设计秀
   JBG中国设计秀
  2、按CTRL+F8,新建一MC,在此MC中,建一动态文本,字号为18,字体为Impact,颜色为#339900,变量名为myNum。新建一层,输入下列AS: JBG中国设计秀
JBG中国设计秀
myNum=random(10); JBG中国设计秀
JBG中国设计秀
JBG中国设计秀
  并插入一帧,让其循环,这样动态文本就能显示从0到9的随机数字。如图3所示 JBG中国设计秀
JBG中国设计秀
JBG中国设计秀
请添加描述 JBG中国设计秀
JBG中国设计秀
JBG中国设计秀
JBG中国设计秀
  3、返回主场景,按CTRL+L打开库,从库中拖出随机数字的MC,实例名设为num,在此MC上输入下列AS JBG中国设计秀
JBG中国设计秀
onClipEvent (load) { JBG中国设计秀
var n = 0;//复制影片的数目 JBG中国设计秀
var i = 0;//弧度 JBG中国设计秀
var x = random(150)+1;//曲线的宽度随机 JBG中国设计秀
var y = random(5)+1;//MC的y坐标递减量 JBG中国设计秀
var c = Math.pow(-1, random(2));//-1的0或1次方,即随机的1或-1值 JBG中国设计秀
} JBG中国设计秀
onClipEvent (enterFrame) { JBG中国设计秀
if (_name != "num") { JBG中国设计秀
_x = x*c*Math.sin(i += 0.1)+200; JBG中国设计秀
_y -= y;//设置数字的坐标,起始x坐标为200,y坐标和num相同。 JBG中国设计秀
if (_y<0) { JBG中国设计秀
this.removeMovieClip();//如果超出场景,删除MC JBG中国设计秀
} JBG中国设计秀
} else { JBG中国设计秀
n = (n>50) ? 0 : n+1;//限定MC的数目为50 JBG中国设计秀
this.duplicateMovieClip("num"+n, n);//复制MC JBG中国设计秀
mc = _parent["num"+n];//获得MC的实例名 JBG中国设计秀
mc._xscale = mc._yscale=random(80)+10;//MC的大小随机 JBG中国设计秀
} JBG中国设计秀
} JBG中国设计秀
JBG中国设计秀
JBG中国设计秀
  4、新建一层,按CTRL+R导入位图,按CTRL+B打散位图,选取位图中间的在石块,按F8转换为MC,实例名为bg。并在帧中输入 JBG中国设计秀
JBG中国设计秀
bg.swapDepths(100); JBG中国设计秀
JBG中国设计秀
JBG中国设计秀
JBG中国设计秀
  把此MC的深度设为100,这样数字就好像从石块底部不断冒出,形成虚幻的效果。 JBG中国设计秀
JBG中国设计秀
  本例的视觉冲击力极强,如果加到你的网页中,会使大家对你的网页的专业性刮目相看。把程序稍加修改,即可做出多种随机特效,这留给大家去完成。JBG中国设计秀