JSFiddle - React, Tailwind, and code Playground

by kazu69

HTML

<script src="https://rawgithub.com/maroslaw/rainyday.js/master/rainyday.js"></script>
<body>
	<div id="cholder">
		<canvas id="canvas" style="position: absolute; left: 0px; top: 0px;"></canvas>
    </div>
    <!-- image loaded as base64 to avoid DOM Exception 18  -->
    <img id="forest" style="display: none;" src='data:image/png;base64,...

JavaScript

var image = document.getElementById('forest');

var engine =  new RainyDay('canvas','forest', image.width, image.height);
engine.trail = engine.TRAIL_DROPS;
engine.reflection = engine.REFLECTION_HQ;
engine.gravity = engine.GRAVITY_SIMPLE;
engine.rain([
	engine.preset(0, 2, 0.88),
	engine.preset(3, 3, 1)
], 100);