FLASH制作数字天地特效

所属分类: 媒体动画 / Flash教程 阅读数: 42
收藏 0 赞 0 分享

本教程是向脚本之家的朋友介绍利用FLASH制作数字天地特效,教程比较简单,里面涉及到了AS代码,不过实用性很强,推荐过来,希望对大家有所帮助!

一、算法分析

  每个数字的运动轨迹是如图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,这样数字就好像从石块底部不断冒出,形成虚幻的效果。

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

flash怎么快速制作2020年新年贺卡?

flash怎么快速制作2020年新年贺卡?flash中想要设计一款新年贺卡,该怎么制作一个新年贺卡呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash怎么制作图片循环滚动的动画效果?

Flash怎么制作图片循环滚动的动画效果?flash中想要制作一个推按滚动的效果,该怎么制作这个效果呢?下面我们就来看看详细的教程,详细请看下文介绍
收藏 0 赞 0 分享

Flash8怎么制作跷跷板动画效果?

Flash8怎么制作跷跷板动画效果?Flash8中想要制作一个模拟跷跷板动画的效果,该怎么制作这个动画效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么制作页面公告栏? flash滚动公告栏的制作方法

flash怎么制作页面公告栏?页面中我们经常能见到滚动的公告,该怎么制作滚动的文字公告呢?下面我们就来看看flash滚动公告栏的制作方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Animate怎么嵌入字体? Animate字体的添加方法

Animate怎么嵌入字体?Animate中想要嵌入字体,该怎么嵌入文字呢?下面我们就来看看Animate字体的添加方法,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么制作擦出图片的动画效果?

flash怎么制作擦出图片的效果?flash中想要制作一个动画效果,该怎么制作擦除图片的效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash引导层动画效果怎么制作?

flash引导层动画效果怎么制作?flash中想要制作一个引导层的动画效果,该怎么制作这个动画效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash做怎么模拟化学式分子原型旋转的动画效果?

flash做怎么模拟化学式分子原型旋转的动画效果?flash中想要制作一个讲述化学式分子原型的一些动画,辅助教学,该怎么制作这个动画效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Animate元件怎么导出为PNG序列?

Animate元件怎么导出为PNG序列?Animate中想要将原件到处为rng序列,该怎么实现呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash怎么制作爬动的蚂蚁动画?

Flash怎么制作爬动的蚂蚁动画?flash中制作动画很简单,想要制作一个爬行的蚂蚁,该怎么给蚂蚁添加爬行的动画效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多