q5play 4.0.5 → 4.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "q5play",
-	"version": "4.0.5",
+	"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;
 
@@ -2902,7 +2910,11 @@ declare global {
 	function EmojiImage(emoji: string, textSize: number): Q5.Image;
 	function spriteArt(txt: string, scale: number, palette: number | any): Q5.Image;
 	function animation(ani: Ani, x: number, y: number, r: number, sX: number, sY: number): void;
-	function delay(milliseconds: number): Promise<any>;
+	/**
+	 * @param milliseconds if not specified, delays until the next frame draw
+	 * @returns resolves after the delay
+	 */
+	function delay(milliseconds?: number): Promise<void>;
 
 	let allSprites: Group;
 	let world: World;

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);
@@ -7998,7 +8001,7 @@ async function q5playPreSetup(q) {
 	};
 
 	// prettier-ignore
-	let q5playGlobals = ['q5play','Box2D','DYN','DYNAMIC','STA','STATIC','KIN','KINEMATIC','Sprite','Group','allSprites','Ani','Anis','Visual','Visuals','camera','Joint','GlueJoint','DistanceJoint','WheelJoint','HingeJoint','SliderJoint','GrabberJoint','world','kb','keyboard','mouse','contro','contros','controllers','pointer','pointers','spriteArt','EmojiImage','getFPS','animation','parseTextureAtlas'];
+	let q5playGlobals = ['q5play','Box2D','DYN','DYNAMIC','STA','STATIC','KIN','KINEMATIC','Sprite','Group','allSprites','Ani','Anis','Visual','Visuals','camera','Joint','GlueJoint','DistanceJoint','WheelJoint','HingeJoint','SliderJoint','GrabberJoint','world','kb','keyboard','mouse','contro','contros','controllers','pointer','pointers','spriteArt','EmojiImage','getFPS','animation','parseTextureAtlas','delay'];
 
 	// manually propagate q5play stuff to the global window object
 	if ($._isGlobal) {
@@ -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);