导航:首页 > 编程语言 > js雨滴效果

js雨滴效果

发布时间:2023-11-15 11:09:46

❶ 请问PS大神,怎样制作这种雨滴效果

找个雨滴图片,最好背景是纯色的,和下面图层用模式叠加到一起,具体模式根据你雨滴的背景选择。

js雨滴特效为什么循环空心波纹会变成实心的

设置this.a = 0.5;
ctx.fill();注释掉效果会好些

❸ 如何用flash效果 flash做下雨效果

用flash软件制作下雨的动画的方法有两种,一种为代码法,另一种为影片剪辑法。
1、代码法。
(1)用线形工具绘制“雨滴”元件,并命名为rain.
(2)返回至主场景,在第一关键帧插入如下代码:
function begin(mc)
{
mc._x = Stage.width * Math.random();
mc._y = Stage.height * Math.random();
mc._alpha = 5 + 95 * Math.random();
mc._xscale = mc._yscale = 5 + 125 * Math.random();
mc.speed = 4 * Math.random() + 1;
mc.wind = 2 * (Math.random() - Math.random());
} // End of the function
for (i = 0; i < 600; i++)
{
mc = attachMovie("snow", "snow" + i, i);
begin(mc);
mc.onEnterFrame = function ()
{
this._y = this._y + this.speed;
this._x = this._x + this.speed;
if (this._y > Stage.height)
{
this._y = 0;
} // end if
if (this._x > Stage.width)
{
this._x = 0;
} // end if
if (this._x < 0)
{
this._x = Stage.width;
} // end if
};
} // end of for
stop ();
(3)CTRL+ENTER,测试影片效果。
2、影片剪辑法。(略)

❹ rainyday.js这个雨滴插件的 背景模糊度在哪改的。原版的模糊度太高。

  1. 下雨模块:一个Javascript的计时事件可以无论何时调用rain()方法。使用用户指定的时间间隔,这个模块使新雨滴随机的滴落在Canvas上。新雨滴的大小是预先设置的,它允许用户控制动画中的数量和大小。用demo中的一个做例子,下列调用rain()方法会每隔100毫秒产生一个新雨滴加到Canvas上。这些雨滴会根据下列分布:88%的在3和6之间(最小数字是3加上0到3之间的随机数),2%的(0.9-0.88)大小是5,剩下的10%是在6和8 之间。


JavaScript

engine.rain([

engine.preset(3, 3, 0.88),

engine.preset(5, 5, 0.9),

engine.preset(6, 2, 1),

], 100);

2.重力模块

一旦一个雨滴被添加到动画,一个额外的定时事件将通过修改其在Y轴位置控制Canvas上雨滴的运动(为了给定一个角度,模拟降雨下降,X轴上也做了同样处理)。现在rainyday.js提供了两种不同的重力函数GRAVITY_LINEAR(简单的重力加速度)和GRAVITY_NON_LINEAR(水滴的随机运动)选择重力函数如调用般简单。


engine.gravity = engine.GRAVITY_NON_LINEAR;

3.轨迹模块

在重力运动下降后执行的函数,为了留下痕迹。当TRAIL_NONE无法拖出尾巴是,TRAIL_DROPS函数实现小水滴的痕迹。选择一个函数包含调用

engine.trail = engine.TRAIL_DROPS;

❺ flash怎么做出雨滴效果

1.新建Flash文件,默认画布大小550*400。

2.插入--新建元件--(默认的影片剪辑)--(命名)--确定

3.绘制雨点,选择线条工具,把笔触粗细调整到16,斜着画一道,选择雨滴--修改--形状--将线条转换为填充。

4.选择部分选取工具,选择线条,看到右上方的小绿点没,点击其中的几个然后Delete删除掉,下粗上细的雨点就形成了。最后用变形工具调整一下雨滴大小。

5.制作雨滴下落和涟漪效果。
在图层一的15帧处插入关键帧,把雨滴拽到掉落的合适位置。中间插入动作补间。16帧处插入空白关键帧。 绘制涟漪时为保证位置,建议选中绘图纸外观轮廓,不选也行,只要你保证雨滴能落在涟漪中心就行。创建图层二,16帧处插入关键帧,用椭圆工具画一个灰色线条透明填充的椭圆,小一点的。图层二35帧处插入关键帧,使用变形工具,按住Alt+Shift,把椭圆拉大,然后点击线条,颜色选项中Alpha值调整为0%,16~35帧中插入形状补间(也有用动作补间的,根据你的Flash版本而定。两个补间都试一试,哪个好使用哪个)。最后形成涟漪效果。36帧插入空白关键帧,加入动作代码stop();

6.返回场景,将元件Rain拖拽如场景,同时点击元件--属性--实例名称命名为"Rain”。

7.在第二帧第三帧处分别创建关键帧,将第一帧中的元件删除。

8.第一帧代码:
i=1
第二帧代码:
plicateMovieClip("rain", "rain"+i, i);
setProperty("rain"+i, _x, random(550));
setProperty("rain"+i, _y, random(400));
i++;

第三帧代码:
gotoAndPlay(2);

9.Ctrl+Enter测试下影片

❻ 怎么用AE制作出雨滴从手机屏幕滑落的效果

1、新建200*200的合成,创建纯色层

2、1-02为纯色层添加效果-杂色与颗粒-分型杂色,分型类型为动态渐进,对比度150,亮度50,演化120

3、1-03为纯色层添加效果-透视-CC Sphere,参数如图

4、1-04为纯色层添加效果-扭曲-湍流置换

5、在按住alt键点击演化前面小码表,为演化添加表达式time*1000,至此,一滴雨滴制作完成。

阅读全文

与js雨滴效果相关的资料

热点内容
windows8网络连接 浏览:442
怎么快速增加qq群人数 浏览:919
锤子视频播放器文件不存在 浏览:707
苹果手机怎么清理app缓存 浏览:682
花园战争2豪华升级包 浏览:517
电脑无法向u盘传输文件 浏览:823
bpn配置文件 浏览:932
501完美越狱工具 浏览:119
中间夹菜单里面不能显示压缩文件 浏览:952
如何指导小学生参加编程比赛 浏览:275
物业的招标文件有哪些 浏览:452
保存游戏文件名非法或只读 浏览:258
js怎么做图片时钟 浏览:451
华为应用里面有了app说明什么 浏览:801
数据库中xy是什么意思 浏览:893
u盘打不开提示找不到应用程序 浏览:609
网站功能介绍怎么写 浏览:954
word在试图打开文件时错误 浏览:108
主板无vga插槽怎么连接编程器 浏览:521
录视频文件在哪里删除 浏览:881

友情链接