Corrected the MSDF logic in the GLSL and WGSL shaders, which fixed the rendering in Chrome's software renderer.

js/regl/rainPass.js

@@ -189,6 +189,10 @@ export default ({ regl, config, lkg }) => {
 			baseTexture: baseTexture.texture,
 			glintTexture: glintTexture.texture,
 
+			msdfPxRange: 4.0,
+			glyphMSDFSize: [glyphMSDF.width(), glyphMSDF.height()],
+			glintMSDFSize: [glintMSDF.width(), glintMSDF.height()],
+
 			camera: regl.prop("camera"),
 			transform: regl.prop("transform"),
 			screenSize: regl.prop("screenSize"),

js/regl/utils.js

@@ -36,6 +36,8 @@ const loadImage = (regl, url) => {
 			}
 			return texture;
 		},
+		width: () => (loaded ? texture.width : 1),
+		height: () => (loaded ? texture.height : 1),
 		loaded: (async () => {
 			if (url != null) {
 				const data = new Image();