求网页制作雪花飘落效果的代码

html-css018

求网页制作雪花飘落效果的代码,第1张

下面是雪花飘落的js代码

拷进去就好了,或者调用!!!!

<script language="JavaScript">

<!--

N =20

Y = new Array()

X = new Array()

S = new Array()

A = new Array()

B = new Array()

M = new Array()

V = (document.layers)?1:0

iH=(document.layers)?window.innerHeight:window.document.body.clientHeight

iW=(document.layers)?window.innerWidth:window.document.body.clientWidth

for (i=0i <Ni++){

Y[i]=Math.round(Math.random()*iH)

X[i]=Math.round(Math.random()*iW)

S[i]=Math.round(Math.random()*5+2)

A[i]=0

B[i]=Math.random()*0.1+0.1

M[i]=Math.round(Math.random()*1+7)

}

if (V){

for (i = 0i <Ni++)

{document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,"+M[i]+","+M[i]+"'z-index: 1><font color=white size=3 face='Wingdings'>T</font></LAYER>")}

}

else{

document.write('<div style="position:absolutetop:0pxleft:0pxz-index: 1">')

document.write('<div style="position:relativez-index: 1">')

for (i = 0i <Ni++)

{document.write('<div id="si" style="position:absolutez-index: 1top:0left:0width:'+M[i]+'height:'+M[i]+'font-size:'+M[i]+'"><font color=white size=3 face="Wingdings">T</font></div>')}

document.write('</div></div>')

}

function snow(){

var H=(document.layers)?window.innerHeight:window.document.body.clientHeight

var W=(document.layers)?window.innerWidth:window.document.body.clientWidth

var T=(document.layers)?window.pageYOffset:document.body.scrollTop

var L=(document.layers)?window.pageXOffset:document.body.scrollLeft

for (i=0i <Ni++){

sy=S[i]

sx=S[i]*Math.cos(A[i])

Y[i]+=sy

X[i]+=sx

if (Y[i] >H){

Y[i]=-10

X[i]=Math.round(Math.random()*W)

M[i]=Math.round(Math.random()*1+7)

S[i]=Math.round(Math.random()*5+2)

}

if (V){document.layers['sn'+i].left=X[i]document.layers['sn'+i].top=Y[i]+T}

else{si[i].style.pixelLeft=X[i]si[i].style.pixelTop=Y[i]+T}

A[i]+=B[i]

}

setTimeout('snow()',40)

}

snow()

//-->

</script>

用flash引导线制作雪花飘落的动画教程

在 Flash 中利用引导线制作雪花飘飘动画。 这种方法最笨但也效果最好,就是用引导线功能,让雪花不停的飘呀飘,如果多用几个图层,效果更好。

1、新建一个flash影片。设背景为“黑色”,其他的用默认值。

2、按ctrl+f8新建一个组件,类型为“影片剪辑”,命名为“雪花”。在它的正中用“铅笔”工具画一个不规则的多边形,然后用“颜料桶工具”将它填上白色。(如图1-1所示)

3、再用ctrl+f8建一个组件,类型为“影片剪辑”,命名为“前层”。

4、将组件“雪花”拖到其中,用“选定工具”中的“比例”功能把它缩小(小技巧:先用“放大镜”将它放大,然后再用“比例”功能,可缩得更小)。在第80帧上“插入关键帧”,在“图层1”上用鼠标右键的“添加引导线”功能(见图1-2)。

在新增加的“引导线:图层1”的第1帧上,从“雪花”开始,画一条弯曲的曲线。将第80帧上的“雪花”沿曲线从头拖到曲线的末尾。然后在“图层1”的第1帧上点鼠标右键,选“创见动画动作”功能,见图1-3。

5、第4步是制作一片雪花,下雪不是只下一片的吧。插入图层,将第4步重复做10次。做好后的效果见图1-4。

 

6、把第3至5步重复做两次,不同之处是组件的命名分别为“中层”和“后层”。“雪花”的大小和“引导线”的路径不要一样。这是为了多做几个图层,看起来效果细腻一点。

7、现在回到场景1中,插入6个图层,分别命名为“后层1”、“后层2”、“中层1”、“中层2”、“中层3”、“中层4”、“前层1”、“前层2”。在对应的层上拖入对应的组件,并适当的调整时间轴,让雪花飘得连贯起来。见图1-5。

按ctrl+enter就可以看到效果了。

(这种方法简单且效果好,主要是用“引导线”功能,让雪花不停的飘下,多用几个图层效果会更好)

大部分的mmd视频里都会加一些特效(简称mme),这些mme种类很多,下面我就来给大家说一下部分常用特效的效果吧。第一个,景深特效(XDFO),景深特效的作用是自动让背景变模糊,这个是比较常用的,它即可以突出模型也可以美化mmd的整体。 第二个,Ray渲染(Ray),Ray渲染主要用于模型,它可以让模型更加立体,质感更加的真实,几乎每个mmd里面的模型都会加渲染,渲染目前已经成为了mmd中不可缺少的一部分。(mmd中除了Ray染还有许许多多的渲染,例如IK渲染、D染等,渲染出的效果各有不同,可以根据自己的喜好选择渲染。) 第三个,镜面特效(这个的英文很长所以我就不写了),这个特效的效果是可以让地板浮现出倒影,也是比较常用的,推荐使用这一款mme,如果一些刚刚入门的新人没有用过这个可以用一下。 第四个,自动发光特效(这个的英文也很长),这个特效不错,但是不一定用得上,用这个特效的条件是模型或者场景什么的要自带发光的元素,载入模型之后,你可以先载入这个特效看看,如果载入特效之后你看不见什么变化的话那就是不能用了。这个特效的效果是可以让带发光元素的场景或者模型的某个部位发光,效果很不错哦~ 第五个,柔光特效(D……D什么来着……),这个特效很实用,它一般是用于模型,这个柔光特效的效果可以让模型增加一点柔光,让模型有一点柔柔的感觉。 第六个,阴影加深特效(SSAO),这个特效也是和柔光特效一样,主要用于模型,它可以让模型的阴影加深,建议用于渲染后,可以跟柔光特效结合一起用。 第七个,樱花飘落特效(这个的英文我不记得了,好像是S……什么的),这个特效可以让樱花从天空中飘落下来,有好几种款式,可以选择中的一款(我建议选花瓣稍微小一点的,但是也不要太小。) 第八个,雪花飘落特效(snow),这个特效的效果可以,它跟樱花特效差不多,有许多款式可以选择,效果也跟樱花特效一样,就是雪花可以从天上飘落下来。 第九个,水面特效(这个的原名称是日文,好像是水面……ウ……什么的……),这个特效的效果虽然不错,不过不常用,想用也可以用一下,这个特效的效果是让模型在水面上跳舞一样,脚踩在地面上就会有水波浮动。 第十个,旧电视特效(Old TV),这个特效不常用,我也不推荐你用,如果你是要做黑化或者恐怖向的mmd就可以用这个,这个的效果很……呃……怎么说呢,总之就是很扭曲,它可以让画面变成一个电视机,然后电视机里的画面是扭曲的,还有很多粒子,让观众都看不清楚画面。