Quantcast
Channel: 神魂顛倒論壇-Flash--Front-end網頁前端討論最新50篇論壇主題-全文
Viewing all articles
Browse latest Browse all 735

一個製造下雨玻璃窗外景象特效的JS

$
0
0
一個製造下雨玻璃窗外景象特效的JS

https://maroslaw.github.io/rainyday.js/.

使用簡單,採用HTML5 canvas技術,新版瀏覽器都通用

在新視窗檢視

在新視窗檢視

在新視窗檢視

使用時只需引用JS

以下為《JS》原始碼
<script src="rainyday.js"></script>


然後改改參數就可以了,範例:

以下為《JS》原始碼
<script>
function run() {
var image = document.getElementById('background');
image.onload = function() {
var engine = new RainyDay({
image: this
});
engine.rain([ [1, 2, 8000] ]);
engine.rain([ [3, 3, 0.88], [5, 5, 0.9], [6, 2, 1] ], 100);
};
image.crossOrigin = 'anonymous';
image.src = 'http://xxx.xxx.xxx.xxx/sample.jpg';
}
</script>

Viewing all articles
Browse latest Browse all 735

Trending Articles