
I Made It Rain on Your Flutter Screen (Literally)
It was raining. I had nothing specific to work on. I had this idea for a rain-on-glass effect — drops with reflections, physics, wind — and thought: this doesn't exist for Flutter. Six nights later, it does. rainy_day is a Flutter package that renders a hyper-realistic rain-on-glass effect over any background image you give it. Falling drops. Reflections inside every drop. Collisions. Wind gusts. Accelerometer-driven parallax. One widget, one line. This is the story of how I built it and what actually made it hard. What it looks like Drop this into your widget tree: RainWidget ( backgroundAsset: 'assets/images/background.jpg' , blur: 10 , fps: 60 , enableCollisions: true , gravityThreshold: 3 , windIntensity: 1.5 , rainPresets: [ RainPreset ( 3 , 3 , 0.88 ), RainPreset ( 5 , 5 , 0.90 ), RainPreset ( 6 , 2 , 1.00 ), ], ) And your screen becomes this: That's the whole API surface. Everything has sensible defaults. You don't need to manage a ticker, handle images, or touch a single canvas
Continue reading on Dev.to
Opens in a new tab