q5play 4.0.6 → 4.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "q5play",
-	"version": "4.0.6",
+	"version": "4.0.7",
 	"author": "quinton-ashley",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"description": "A web-based game engine that uses q5.js WebGPU for graphics and Box2D v3 WASM for physics.",

package/q5play.d.ts

@@ -70,6 +70,14 @@ declare global {
 		 * @default false
 		 */
 		renderStats: boolean;
+		/**
+		 * Runs automatically before each draw function call.
+		 */
+		update(): void;
+		/**
+		 * Runs automatically after each draw function call.
+		 */
+		postDraw(): void;
 	}
 	const q5play: Q5Play;
 

package/q5play.js

@@ -248,6 +248,9 @@ async function q5playPreSetup(q) {
 			this.os = {};
 			this.context = 'web';
 
+			this.update = () => q5playUpdate.call($, q);
+			this.postdraw = () => q5playPostDraw.call($, q);
+
 			if (window.matchMedia) {
 				this.hasMouse = window.matchMedia('(any-hover: none)').matches ? false : true;
 			} else this.hasMouse = true;
@@ -7812,7 +7815,7 @@ async function q5playPreSetup(q) {
 		debugYellow = $.color(colorMax, colorMax, 0, colorMax * 0.9),
 		debugYellowFill = $.color(colorMax, colorMax, 0, colorMax * 0.1);
 
-	if ($._c2d) {
+	if ($.canvas.c2d) {
 		// polyfill for q5 WebGPU high efficiency functions
 		$._getFillIdx = () => $._fill;
 		$._setFillIdx = (v) => ($._fill = v);
@@ -8026,7 +8029,7 @@ function q5playPostSetup() {
 }
 
 // called before each draw function call
-function q5playPreDraw() {
+function q5playUpdate() {
 	const $ = this;
 
 	if (!$._q5) {
@@ -8382,6 +8385,6 @@ q5playClassLangs.Group += q5playClassLangs.Sprite;
 
 Q5.addHook('presetup', q5playPreSetup);
 Q5.addHook('postsetup', q5playPostSetup);
-Q5.addHook('predraw', q5playPreDraw);
+Q5.addHook('predraw', q5playUpdate);
 Q5.addHook('postdraw', q5playPostDraw);
 Q5.addHook('remove', q5playRemove);