forgor update demo.png size 💀

src/index.html

@@ -21,8 +21,8 @@
 	<meta property=og:description
 		content='The Matrix "falling code/letter rain" animation but RGB. No more monochromatic green!'>
 	<meta property=og:image content=https://Rudxain.github.io/RGB-digital-rain/res/demo.png>
-	<meta property=og:image:width content=1920>
-	<meta property=og:image:height content=1080>
+	<meta property=og:image:width content=1366>
+	<meta property=og:image:height content=768>
 	<meta property=og:image:alt content='Desktop demo of The Matrix RGB digital rain'>
 
 	<meta name=color-scheme content='light dark'>
@@ -35,4 +35,4 @@
 	<script src=main.js></script>
 </body>
 
-</HTML>
+</HTML>

src/m.webmanifest

@@ -1,28 +1,29 @@
 {
-"name": "RGB digital rain",
-"short_name": "RGB DigitRain",
-"description": "The Matrix \u0022falling code/letter rain\u0022 animation but RGB. No more monochromatic green!",
-"categories": [
-	"personalization",
-	"entertainment"
-],
-"start_url": "https://Rudxain.github.io/RGB-digital-rain",
-"lang": "en",
-"icons": [
-	{
-		"src": "../res/icon.svg",
-		"sizes": "any",
-		"type": "image/svg+xml"
-	}
-],
-"background_color": "#000",
-"theme_color": "#0f0",
-"display": "fullscreen",
-"screenshots": [{
-		"src": "/res/demo.png",
-		"type": "image/png",
-		"sizes": "1920x1080",
-		"platform": "wide",
-		"label": "Demo of RGB-DR"
-	}]
-}
+	"name": "RGB digital rain",
+	"short_name": "RGB DigitRain",
+	"description": "The Matrix \u0022falling code/letter rain\u0022 animation but RGB. No more monochromatic green!",
+	"categories": [
+		"personalization",
+		"entertainment"
+	],
+	"start_url": "https://Rudxain.github.io/RGB-digital-rain",
+	"lang": "en",
+	"icons": [
+		{
+			"src": "/res/icon.svg",
+			"sizes": "any",
+			"type": "image/svg+xml"
+		}
+	],
+	"background_color": "#000",
+	"theme_color": "#0f0",
+	"display": "fullscreen",
+	"screenshots": [
+		{
+			"src": "/res/demo.png",
+			"type": "image/png",
+			"sizes": "1366x768",
+			"platform": "wide"
+		}
+	]
+}

src/main.js

@@ -383,7 +383,12 @@ const RGBDR_anim = (() => {
 
 		anim.playing = true
 
-		canv.addEventListener("click", e => {
+		/*
+		To compensate for the batch-rendering latency,
+		we avoid "click".
+		For touch-input, this is identical to "click".
+		*/
+		canv.addEventListener("mousedown", e => {
 			const scale = devicePixelRatio
 			droplets_user.push((new Droplet).init(
 				e.clientX * scale, e.clientY * scale