<html>
<head>
<title>逼真全屏雨滴插件rainyday</title>
<style media="screen" type="text/css">
img { display: none; }
body { overflow: hidden; }
#canvas { position: absolute; top: 0px; left: 0px; }
</style>
<script src="rainyday.js" type="text/javascript"></script>
<script type="text/javascript">
function demo() {
var engine = new RainyDay('canvas','demo1', window.innerWidth, window.innerHeight);
engine.gravity = engine.GRAVITY_NON_LINEAR;
engine.trail = engine.TRAIL_DROPS;
engine.rain([
engine.preset(0, 2, 500)
]);
engine.rain([
engine.preset(3, 3, 0.88),
engine.preset(5, 5, 0.9),
engine.preset(6, 2, 1),
], 100);
}
</script>
</head>
<body onload="demo();">
<img id="demo1" src="data:image/jpeg;base64, /9j/4AAQSkZJRgABAQEBLAEsAAD/4Rx/RXhpZgAASUkqAAgAAAAIABABAgAKAAAAbgAAABIBAwAB
AAAAAQAAABoBBQABAAAAeAAAABsBBQABAAAAgAAAACgBAwABAAAAAgAAADEBAgALAAAAiAAAADIB
AgAUAAAAlAAAAGmHBAABAAAAqAAAAFIBAABEU0xSLUEzNTAALAEAAAEAAAAsAQAAAQAAAEdJTVAg
Mi44LjQAADIwMTM6MDk6MTcgMjA6MTI6MTYACgCaggUAAQAAACYBAACdggUAAQAAAC4BAAAniAMA
AQAAAGQAAAAAkAcABAAAADAyMTADkAIAFAAAADYBAAAKkgUAAQAAAEoBAAAAoAcABAAAADAxMDAB
oAMAAQAAAAEAAAACoAQAAQAAACADAAADoAQAAQAAAFgCAAAAAAAAQAEAAGQAAAAgAwAAZAAAADIw
MDg6MDc6MjIgMjE6NDY6NDIAfBUAAGQAAAAGAAMBAwABAAAABgAAABoBBQABAAAAoAEAABsBBQAB
AAAAqAEAACgBAwABAAAAAgAAAAECBAABAAAAsAEAAAICBAABAAAAxxoAAAAAAABIAAAAAQAAAEgA
AAABAAAA/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8U
HRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwh
MjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCACT
AMQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIE
AwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJico
KSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZ
mqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6
/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAEC
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
1eMDp