You can now loop the effect. It's not super great, but it ought to make it easier to create repeating backgrounds or something.

js/config.js

@@ -77,6 +77,7 @@ const defaults = {
 	useHalfFloat: false,
 	renderer: "webgpu", // The preferred web graphics API
 	useHoloplay: false,
+	loops: false,
 };
 
 const versions = {
@@ -274,6 +275,7 @@ const paramMapping = {
 	stripeColors: { key: "stripeColors", parser: (s) => s },
 	backgroundColor: { key: "backgroundColor", parser: (s) => s.split(",").map(parseFloat) },
 	volumetric: { key: "volumetric", parser: (s) => s.toLowerCase().includes("true") },
+	loops: { key: "loops", parser: (s) => s.toLowerCase().includes("true") },
 	renderer: { key: "renderer", parser: (s) => s },
 };
 paramMapping.dropLength = paramMapping.raindropLength;

js/regl/rainPass.js

@@ -76,6 +76,7 @@ export default ({ regl, config, lkg }) => {
 			"rippleScale",
 			"rippleSpeed",
 			"rippleThickness",
+			"loops",
 		]),
 		cycleStyle,
 		rippleType,