|
首页 | 名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash |
|
关于FLASH的效果,我想大家都想做出那种“不但让人一看忘不了,而且看了还想看”的效果吧?“一看忘不了”固然是高手作品,“看了还想看”也需要深厚功底和作品丰富的内涵。作为我们菜鸟,自然一时半全达不到那种高度。但是我们至少可以做到让人“每次看都有新鲜感”,要害是什么? ActionScrpt! 当然,如题,我是想讲random函数.AS其它方面的就留给高手了.这篇是献给菜鸟们看的.虽说是给菜鸟看的,但是我也假定菜鸟们还是会一点点AS,至少对于我给的代码能够运用到作品中去. 这几天,帝国论坛的AS区和新手区可能因为圣诞了,都在问"如何做雪花",我也给了个例子,高手也给了几个源文件,其中的一个要害语句就是random()函数.雪共本身倒是好做,画一个白圆就完事了,雪花下降也可以用一个运动渐变(以前看过一个下雨的效果就是这样做的),主要的还是雪花的出现位置,所以,我们就用了random(550)来随机选择一个y坐标,x坐标当然是0.这样纷纷扬扬的雪花就不再单调地"循环播放"了,而是永远没有重复. 好了,上面这么多废话算是引子,下面是正题. 我先说一下提纲,开始是介绍一下random()函数和Math.random()函数,然后介绍一些由此引出的自定义函数.对于如何实战出一些效果,那需要想象的翅膀和其它AS基础的支持.而算法本身并不困难.最后我会介绍一个简朴效果.希望能启发读者的思维. 1、random(number)函数介绍 一个整数. trace(random(5)); //复制到主场景第一帧. 2、Math.random() trace(Math.random()); //复制到主场景第一帧. 3、自定义的函数 # 返回一个共有n位数,其中m位是小数的随机数 function randomXiao(n,m){ var a = Math.pow(10, n+m); var b = random(a); return b=b/Math.pow(10, m); } 大家可以用trace(randomXiao(3,2));来实验一下。这个函数是很简朴的了。Math.pow(n,m)用于返回一个以n为底,m为指数的数。就是乘方啦! # 返回一个n到m之间的随机数 function randomNm(n,m){ if(m>=n){ return random(m-n+1)+n; } else { return false; } } 之所以用random(m-n+1)是因为随机数的范围是m-n,加上1使得m也能在里面。加上n保证随机数以n为下限。加上判定使函数更完整。另外,假如要返回一个负数随机数,也可以用randomNm(n,0);当然,我想更一般的是用-random(n); # 返回一个字母 function randomAscii(){ var c = String.fromCharCode(random(26)+65); if(random(2)){ return c.toLowerCase(); } return c; }
返回一个不区分大小写的随机字母 假如要返回大写,把if条件句去掉就行了。假如要返回小写,可以把条件句改为恒成立,或者去掉条件,最后一句改为:return c.toLowerCase(); String.fromCharCode(number)函数返回number代表数字的ASCII码。toLowerCase()用于将大写字母转为小写。 # 返回一个n到m之间的k个互异随机数 function randomKdiffer(n,m,k){ arrayK = []; var i = 0; while (i < k) { a = random(m-n+1)+n; for (var j = 0; j < i; j++) { if (a == arrayK[j]) { break; } } if (j == i) { arrayK[i] = a; i++; } } return arrayK; } 数组arrayK中的元素即为所得值。注重到我们借用了random(m-n+1)+n来返回一个n~m的随机数。所以m本身也会被返回。假如要返回m以内的数,可以把n值改为0。假如要随机返回不确定个数,可以把入口参数的K值赋为k=random(m-n);随机返回不一定互异的数,把判定去掉就可以了,注重i++不要漏掉。这里不再给出。 #指定若干个字符/数字,然后从中随机返回一个(或多个)字符/数字,可以把原字符赋给一个数组,再根据数组的下标来决定返回值。这里不再举出函数,大家可以自己尝试。 #另需指出,对于随机设定一个MC的颜色值,我们较多采用mcColor.setRBG(random(0xFFFFFF));下面的例子中会有说明。假如要指定一个色域,可以采用上面给出的函数。假如对Color对象不太了解的可以查帮助,这里不作讨论。 以上函数算是由random直接衍生的,下面再举个例子,可以说是衍生函数的衍生函数,其中会直接用到上面给出的函数,请注重。 #返回一个指定长度的随机大写英文字符串 function randomString(n){ var arrayA = randomKdiffer(1, 26, n); var arrayB = ""; for (var i = 0; i < n; i++) { c=String.fromCharCode(arrayA[i]+64); /* if(random(2)){ c=c.toLowerCase(); } */ arrayB = arrayB+c; } return arrayB; } 注重到StringCharCode方式,假如要写成小写,则把返回值写成arrayB.toLowerCase();假如返回一个不区分大小写的字符串,则把注释去掉.假如要返回一个不指定长度的字符串,则可以把入口参数赋值为random(n);这样只指定其上限.此函数也可以用randomAscii函数实现,留给大家自己思索. #在几个区域中选出随机数 比如,在1~20,45~70这两段数之间选取一个随机数。因为区域数未定,所以直接用一个确定的函数编写多有不便,我们要使用的方式就是用switch语句进行定向,详细的我们给出一个函数,返回一个1~20,45~70内的数,其它区域读者请自行更改。 function randomArea(){ var a=random(2); switch(a){ case 0: return randomNm(1,20);break; case 1: return randomNm(45,70);break; } } 注重,我们并没有写入口参数,而是直接在函数中就确定了是两段数,而且范围也是确定的。假如是三段,则改为a=random(3);同样增加一个case就可以了。当然,你也可以把第段数的范围设为入口参数,这里就不再举例了。但是这样做可能会使参数增多,我个人是不太喜欢一个需要很多参数的函数的。类似的,我们也可以随机返回一个字母段或几个字母段或者字母加数字段的一个数。方式也只是前几个函数的一个结合。这里仅举一例,返回指定的大写字母段的一个随机字母。提醒一下,小写字母的ASCII码a~z分别对应97~122. function randomAArea(a,b){ if (ord(a) <= ord(b) && 65<=ord(a) && ord(b) <= 90) { return String.fromCharCode(randomNm(ord(a), ord(b))); } else { return false; } } 其中用到一个函数ord(char),这是一个不推荐的函数.用于返回char字符的ASCII码。 假如大家想在任何地方调用函数,则需要稍稍变一下,把我们写的函数改变为全局函数.这样就可以不用标明路径而自如地向调用系统函数相同了.方式如下.例如:函数randomXiao假如要声明为全局函数,需要把第一行改为: _global.randomXiao=function(n,m){ //statment } 对全局函数的概念不很清晰的朋友不用被这个名词吓倒. 这样改了函数第一行之后,在任何地方,比如在一个MC里,直接用(对,直接用,不用加_root路径了)randomXiao(n,m)就可以了. 有爱好的朋友还可以根据这些函数衍生其它函数,比如一个有数字和英文字母的随机字符串. 说了这么多,为什么没有说Math.random()呢? 因为在下认为,这个方式太"专业"了,在普通做效果的过程中还是用random(n)好一点. MM为什么推荐我不得而知. 假如有朋友不清晰的,可以下载源文件看看.为了方便,源文件中的函数我全改成了全局函数.可以直接复制到你的作品中使用,当然,也可以写在外部文件.as中调用. 4.实例应用 想来想去,似乎觉得实例也没什么好讲的,因为一旦讲起来,无外乎都必须是对语句的解说,算法的说明,没有什么闪光点,要害还是一个创意,另外就是基本功:对AS的认识程度了。但是为了完整性,我还是给出一个例子,里面的代码异常简朴,图画我是没有天份,假如您有爱好改造一下,我相信效果还是很不错的。 先来看看效果:
这个效果来源于一个网站上,而小条的颜色变化是我加的,因为正好说明一下setRGB的用法。 先把小条中的代码贴出: onClipEvent (load) { i = 0; a = random(10)-5; if (a == 0) { a = 1; } col = new Color(this); } onClipEvent (enterFrame) { this._x += a; i++; if (i >= 36) { col.setRGB(random(0xFFFFFF)); a = random(10)-5; if (a == 0) { a = 1; } trace(a); i = 0; } if ((this._x+this._width) <= 0) { this._x = 550+this._width; } if ((this._x-this._width) > 550) { this._x = 0-this._width; } }
需要再次指出,load事件是在MC加载时执行,所以只执行一次(你没有必要对同一个对象不停地加载吧?),而enterFrame是每一帧都会执行的,或者可以这么说:enterFrame中的代码会以帧率被执行。比如帧率为12,那么就每秒执行12次。运用它可以做出物体移动效果,或是更常用的,反弹球效果。不过这超出了我们的讨论范围了。 接下来是enterFrame中的代码。刚才已经说过,this._x+=a;与i++; ,这两个是主要的。后面的是条件控制语句。第一个if是判定已经播放的帧数,当播放了36帧时(这里正好三秒,注重,主就算MC本身只有一帧,或是主场景中只有一帧,enterFrame事件仍旧在以帧率执行,所以上面的后一总解释更适当),重新确定MC的颜色:col.setRGB(random(0xFFFFFF));前面我们说过,col是一个颜色对象,而且已经与当前的MC关联,那么,col所代表的就是当前MC的颜色了。 这样说不知是不是更好理解。 而该对象有一个setRGB方式,可以设制MC的颜色值。这里我们使用16进制的随机数,而FFFFFF是颜色值中的最大值。随便说一下,FFFFFF是白色。 FF0000是红色。000000是黑色。 下面一句a=random(10)-5;是设定a的值,也就是MC的速度。当然,您可以使用我们定好的函数randomNm来规定一个范围,但是这里我不想再写一个函数。表达式是得到一个-5~4之间的随机数,之所以要有负数,是因为我们想出现那种可以左右移动的效果,而不是只向一个方向。 再下面两句是限定了移动的范围,假如超出了左右边界,就让它从另一端出来。 好了,看来我们写的那么多函数都没有用到。的确,这里是没有用到,不过会有地方的。只要你肯让你的想象腾飞。 等等,还有一个圆轮的效果没有说呢!对不起,这个代码是留给您自己察看的,比第一个简朴,因为我几乎是照搬了第一个的代码。 很多效果都必须是关于复制影片剪辑的,比如下雪下雨,复制出来后随机控制出现位置。这里也最好是用enterFrame来控制运动的路径。 但是复制不是我们所讲的重点,这里只是提醒您一下。另外,结合鼠标产生随机效果也是异常炫的,而制作通常是不复杂的。 用AS的随机+复制+循环炮制出一个星空,或者一群蚊子(只要您愿意)都是小菜。只要您懂得如何准确使用这些基本的语句。 返回类别: Flash教程 上一教程: FlashMX课件中的拖动 下一教程: FLASH动感效果:帖纸的效果 您可以阅读与"random函数详解"相关的教程: · Flash页面参数详解 · Flash AS学习:给flash加一个trim()函数 · 实例详解鼠标右键菜单 · Flash中步入Matrix函数 · Flash声音控制详解 |
快精灵印艺坊 版权所有 | 首页会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店 |