2014-08-29 11:28:58 -04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
2014-08-29 11:33:10 -04:00
|
|
|
<title>PLAY AFRICA</title>
|
2014-08-29 11:28:58 -04:00
|
|
|
<!--[if IE]>
|
|
|
|
|
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
|
|
|
<![endif]-->
|
|
|
|
|
<link rel="stylesheet" href="assets/css/style.css" type="text/css" />
|
2014-08-29 13:50:57 -04:00
|
|
|
<script src="assets/js/rainyday.js"></script>
|
2014-08-29 11:28:58 -04:00
|
|
|
</head>
|
2014-08-29 13:50:57 -04:00
|
|
|
<body onload="run()">
|
|
|
|
|
<body>
|
|
|
|
|
<audio autoplay="autoplay" loop="loop">
|
|
|
|
|
<source src="assets/audio/africa.ogg" />
|
|
|
|
|
<source src="assets/audio/africa.mp3" />
|
|
|
|
|
</audio>
|
2014-08-29 11:43:15 -04:00
|
|
|
|
2014-08-29 13:50:57 -04:00
|
|
|
<img id="background" src="" />
|
2014-08-29 11:43:15 -04:00
|
|
|
<script>
|
|
|
|
|
function run() {
|
|
|
|
|
var image = document.getElementById('background');
|
|
|
|
|
image.onload = function() {
|
|
|
|
|
var engine = new RainyDay({
|
|
|
|
|
image: this
|
|
|
|
|
});
|
|
|
|
|
engine.rain([ [3, 2, 2] ], 100);
|
|
|
|
|
};
|
|
|
|
|
image.src = 'assets/img/africa.png';
|
2014-08-29 13:50:57 -04:00
|
|
|
image.crossOrigin = 'anonymous';
|
2014-08-29 11:43:15 -04:00
|
|
|
}
|
|
|
|
|
</script>
|
2014-08-29 11:28:58 -04:00
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
