2.22.4

Author: quinton-ashley

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "q5",
-	"version": "2.22.3",
+	"version": "2.22.4",
 	"description": "Beginner friendly graphics powered by WebGPU and optimized for interactive art!",
 	"author": "quinton-ashley",
 	"contributors": [

q5.js

@@ -391,7 +391,7 @@ Q5.modules.canvas = ($, q) => {
 			w = null;
 		}
 		options ??= arguments[3];
-
+		if (typeof options == 'string') options = { renderer: options };
 		let opt = Object.assign({}, Q5.canvasOptions);
 		if (typeof options == 'object') Object.assign(opt, options);
 
@@ -430,6 +430,7 @@ Q5.modules.canvas = ($, q) => {
 	};
 
 	$.createGraphics = function (w, h, opt = {}) {
+		if (typeof opt == 'string') opt = { renderer: opt };
 		let g = new Q5('graphics', undefined, opt.renderer || ($._webgpuFallback ? 'webgpu-fallback' : $._renderer));
 		opt.alpha ??= true;
 		opt.colorSpace ??= $.canvas.colorSpace;
@@ -655,6 +656,7 @@ Q5.HUE_ROTATE = 13;
 
 Q5.C2D = Q5.P2D = Q5.P2DHDR = 'c2d';
 Q5.WEBGL = 'webgl';
+Q5.WEBGPU = 'webgpu';
 
 Q5.canvasOptions = {
 	alpha: false,

q5.min.js

@@ -52,7 +52,7 @@ Q5.modules.canvas = ($, q) => {
 			w = null;
 		}
 		options ??= arguments[3];
-
+		if (typeof options == 'string') options = { renderer: options };
 		let opt = Object.assign({}, Q5.canvasOptions);
 		if (typeof options == 'object') Object.assign(opt, options);
 
@@ -91,6 +91,7 @@ Q5.modules.canvas = ($, q) => {
 	};
 
 	$.createGraphics = function (w, h, opt = {}) {
+		if (typeof opt == 'string') opt = { renderer: opt };
 		let g = new Q5('graphics', undefined, opt.renderer || ($._webgpuFallback ? 'webgpu-fallback' : $._renderer));
 		opt.alpha ??= true;
 		opt.colorSpace ??= $.canvas.colorSpace;
@@ -316,6 +317,7 @@ Q5.HUE_ROTATE = 13;
 
 Q5.C2D = Q5.P2D = Q5.P2DHDR = 'c2d';
 Q5.WEBGL = 'webgl';
+Q5.WEBGPU = 'webgpu';
 
 Q5.canvasOptions = {
 	alpha: false,