导航:首页 > 编程语言 > 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雨滴效果相关的资料

热点内容
app怎么查看流量用在什么网站 浏览:684
为什么sns文件找不到 浏览:671
解压cad提示文件破损 浏览:249
如何对图片加密文件名 浏览:410
数据管理库系统软件有哪些 浏览:861
苹果7如何打开软件网络连接 浏览:831
手机图片加入文件管理 浏览:718
pp助手210历史版本 浏览:259
摄像头都有哪些app 浏览:303
macos如何删除文件 浏览:150
大厂用什么语言编程 浏览:714
万户网络应对大并发用户访问解决方案 浏览:515
日常生活中常见的数据有哪些 浏览:19
无线网络如何设置固定ip 浏览:789
编程你们用哪个软件 浏览:96
涂鸦app如何恢复初始 浏览:722
网络监控断网后公司 浏览:947
狼人杀app哪个好玩 浏览:76
ios发微博代码 浏览:706
如何更改mac电脑名称和密码错误 浏览:428

友情链接