littlejsengine 1.18.28 → 1.19.3

package/src/engineTileLayer.js

@@ -230,10 +230,10 @@ class CanvasLayer extends EngineObject
         ASSERT(isVector2(canvasSize), 'canvasSize must be a Vector2');
         super(pos, size, undefined, angle, WHITE, renderOrder);
 
-        /** @property {HTMLCanvasElement} - The canvas used by this layer */
-        this.canvas = headlessMode ? undefined : new OffscreenCanvas(canvasSize.x, canvasSize.y);
         /** @property {OffscreenCanvasRenderingContext2D} - The 2D canvas context used by this layer */
-        this.context = this.canvas?.getContext('2d');
+        this.context = headlessMode ? undefined : createCanvasContext(canvasSize.x, canvasSize.y);
+        /** @property {OffscreenCanvas} - The canvas used by this layer */
+        this.canvas = this.context?.canvas;
         /** @property {TextureInfo} - Texture info to use for this object rendering */
         this.textureInfo = new TextureInfo(this.canvas, useWebGL);
 

package/src/engineUtilities.js

@@ -135,6 +135,19 @@ async function fetchJSON(url)
 function saveText(text, filename='text', type='text/plain')
 { saveDataURL(URL.createObjectURL(new Blob([text], {'type':type})), filename); }
 
+/** Create an offscreen canvas to draw into, and return its 2D context
+ *  - The canvas is context.canvas, which is what TextureInfo and the like take
+ *  @param {number} width - In pixels
+ *  @param {number} [height] - In pixels, defaults to the width for a square
+ *  @param {boolean} [willReadFrequently] - Keep it in software, faster when getImageData is called on it often
+ *  @return {OffscreenCanvasRenderingContext2D}
+ *  @memberof Utilities */
+function createCanvasContext(width, height=width, willReadFrequently=false)
+{
+    ASSERT(isNumber(width) && isNumber(height), 'canvas width and height must be numbers', width, height);
+    return new OffscreenCanvas(width, height).getContext('2d', {willReadFrequently});
+}
+
 /** Save a canvas to disk
  *  @param {HTMLCanvasElement|OffscreenCanvas} canvas
  *  @param {string} [filename]