Toggle navigation
Sign Up
Log In
Explore
Works
Folders
Tools
Collections
Artists
Groups
Groups
Topics
Tasks
Tasks
Jobs
Teams
Jobs
Recommendation
More Effects...
JS
var image = document.getElementById('image'); image.onload = function() { var engine = new RainyDay({ image: this, gravityAngle: Math.PI / 5 }); engine.trail = engine.TRAIL_SMUDGE; engine.rain([ [3, 2, 2] ], 100); engine.rain( [ [1, 0, 20], [3, 3, 1], [1, 2, 19] ], 100); // engine.rain([ [0, 2, 200], [3, 3, 1] ], 100); }; image.crossOrigin = 'anonymous'; image.src = 'http://images.pexels.com/photos/458785/pexels-photo-458785.jpeg?w=1260&h=750&auto=compress&cs=tinysrgb';
CSS
body { overflow: hidden; height: 100%; margin: 0; padding: 0; } .container { width: 100vw; height: 100vh; } .image-container { overflow: hidden; }
HTML
<div class="image-container"> <img src="" alt="" class="container" id="image"> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/rainyday.js/0.1.2/rainyday.min.js"></script>
Join Effecthub.com
Working with Global Gaming Artists and Developers!
Login
Sign Up
Or Login with Your Email Address:
Email
Password
Remember
Or Sign Up with Your Email Address:
Your Email
This field must contain a valid email
Set Password
Password should be at least 1 character
Stay informed via email
