<script src="js/rainyday.js"></script><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>TEXT</title>
<meta name="description" content="TEXT222"/>
<meta name="google" content="notranslate" />
<script src="js/jquery-3.0.0-alpha1.js"></script>
<script src="js/rainyday.js"></script>
<script src="js/main.js"></script>
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/animate.css" />
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
<img src="img/bg.jpg">
<audio autoplay loop id="audio">
<source id="src-audio" src="intro.mp3" type="audio/mpeg">
</audio>
<ul>
<li><a href="http://">ССЫЛКА</a></li>
<li><a href="https://">ССЫЛКА</a></li>
<li><a href="#" id="info">ССЫЛКА</a></li>
</ul>
<img src="img/logo.png" id="logo"/>
<div id="name-project" class="animated zoomInUp">TEXT</div>
<div id="pretext-project"></div>
<div id='content'></div>
<div id="footer-copyright">Copyright</div>
</body>
</html>
простой дождь на главной странице.
<script src="js/jquery-3.0.0-alpha1.js"></script>
<script src="js/rainyday.js"></script>
<script src="js/main.js"></script>
<script>
function run() {
var image = document.getElementById('body');
image.onload = function() {var engine = new RainyDay({image: this,}, document.getElementById('canvas'));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://...';} // тут укажи картинку
</script>