導航:首頁 > 編程語言 > 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雨滴效果相關的資料

熱點內容
win10切換輸入語言 瀏覽:696
haier電視網路用不了怎麼辦 瀏覽:361
蘋果6手機id怎麼更改 瀏覽:179
米家掃地機器人下載什麼app 瀏覽:82
如何在編程貓代碼島20種樹 瀏覽:915
手機基礎信息存儲在哪個文件 瀏覽:726
如何查找手機備份文件 瀏覽:792
內存清理工具formac 瀏覽:323
iphone過濾騷擾電話 瀏覽:981
wap網路如何使用微信 瀏覽:699
手機迅雷應用盒子在哪個文件夾 瀏覽:351
windows8網路連接 瀏覽:442
怎麼快速增加qq群人數 瀏覽:919
錘子視頻播放器文件不存在 瀏覽:707
蘋果手機怎麼清理app緩存 瀏覽:682
花園戰爭2豪華升級包 瀏覽:517
電腦無法向u盤傳輸文件 瀏覽:823
bpn配置文件 瀏覽:932
501完美越獄工具 瀏覽:119
中間夾菜單裡面不能顯示壓縮文件 瀏覽:952

友情鏈接