Canvas size in custom parameters

Author: patuwwy

CHANGELOG.md

@@ -1,4 +1,8 @@
 ## ShaderToy extension changelog (major changes only):
+-   0.14.272 (11-01-2025)
+
+    -   Canvas size can be set with custom parameters object in common tab. [See documentation](./docs/custom-params.md)
+
 -   0.14.266 (02-10-2024)
 
     -   Resoulution can be multiplied (alt + shift + 1...9)

README.md

@@ -173,13 +173,9 @@ Please add issue with description before PR.
 
 Render timing based on [shadertoy_gpu_timing.user.js](https://github.com/andrei-drexler/shadertoy-userscripts/blob/master/shadertoy_gpu_timing.user.js) by [Andrei Drexler](https://github.com/andrei-drexler)
 
-## Beer? Sure.
+## Beer? Sure!
 
-If you find this extension useful, I'd love to hug a beer [PayPal](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=VDFNBT9N3ANHW&source=url). :beer:
-
-```
-int totalBeers = 3;
-```
+If you find this extension useful, I'd love to hug :beer: via [PayPal](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=VDFNBT9N3ANHW&source=url)
 
 ## Changelog:
 

app/add-ons/shadertoy-plugin-parameters.js

@@ -53,6 +53,44 @@
 				});
 			});
 		}
+
+		if (params.canvas) {
+			const canvas = document.getElementById("demogl");
+			canvas.style.margin = "auto";
+
+			const xres = params.canvas.width;
+			const yres = params.canvas.height;
+
+			if (!Number.isInteger(xres) || !Number.isInteger(yres)) {
+				return;
+			}
+
+			const mE = gShaderToy.mEffect;
+
+			mE.mCanvas.setAttribute('width', xres);
+			mE.mCanvas.setAttribute('height', yres);
+
+			mE.mCanvas.width = xres;
+			mE.mCanvas.height = yres;
+
+			mE.mXres = xres;
+			mE.mYres = yres;
+
+            mE.ResizeBuffers(xres, yres);
+
+			gShaderToy.iSetResolution(xres, yres);
+
+			canvas.style.aspectRatio = `${xres}/${yres}`;
+
+			if (xres <= canvas.clientWidth) {
+				canvas.style.width = `${xres}px`;
+			} else {
+				canvas.style.width = "100%";
+			}
+
+			console.log(canvas.clientWidth, canvas.clientHeight);
+			window.dispatchEvent(new Event("resize"));
+		}
 	}
 
 	// Evaluate parameters on load

app/manifest.json

@@ -1,7 +1,7 @@
 {
     "manifest_version": 3,
     "name": "Shadertoy unofficial plugin.",
-    "version": "0.14.270",
+    "version": "0.14.271",
     "description": "Shadertoy.com unofficial plugin.",
     "homepage_url": "https://github.com/patuwwy/ShaderToy-Chrome-Plugin",
     "background": {