dont use the pool for CanvasRenderTarget

as they can use different canvas attributes

packages/melonjs/src/particles/emitter.js

@@ -2,12 +2,13 @@ import pool from "../system/legacy_pool.js";
 import ParticleEmitterSettings from "./settings.js";
 import { randomFloat } from "./../math/math.ts";
 import Container from "./../renderable/container.js";
+import CanvasRenderTarget from "../video/rendertarget/canvasrendertarget.js";
 
 /**
  * @ignore
  */
 function createDefaultParticleTexture(w = 8, h = 8) {
-	const defaultParticleTexture = pool.pull("CanvasRenderTarget", w, h, {
+	const defaultParticleTexture = new CanvasRenderTarget(w, h, {
 		offscreenCanvas: true,
 	});
 

packages/melonjs/src/renderable/light2d.js

@@ -2,6 +2,7 @@ import { ellipsePool } from "./../geometries/ellipse.ts";
 import { colorPool } from "./../math/color.ts";
 import pool from "../system/legacy_pool.js";
 import Renderable from "./renderable.js";
+import CanvasRenderTarget from "../video/rendertarget/canvasrendertarget.js";
 
 /**
  * additional import for TypeScript
@@ -142,7 +143,7 @@ export default class Light2d extends Renderable {
 		);
 
 		/** @ignore */
-		this.texture = pool.pull("CanvasRenderTarget", this.width, this.height, {
+		this.texture = new CanvasRenderTarget(this.width, this.height, {
 			offscreenCanvas: false,
 		});
 
@@ -194,6 +195,7 @@ export default class Light2d extends Renderable {
 		colorPool.release(this.color);
 		this.color = undefined;
 		pool.push(this.texture);
+		this.texture.destroy();
 		this.texture = undefined;
 		ellipsePool.release(this.visibleArea);
 		this.visibleArea = undefined;

packages/melonjs/src/renderable/text/text.js

@@ -5,6 +5,7 @@ import Renderable from "../renderable.js";
 import { nextPowerOfTwo } from "../../math/math.ts";
 import setContextStyle from "./textstyle.js";
 import TextMetrics from "./textmetrics.js";
+import CanvasRenderTarget from "../../video/rendertarget/canvasrendertarget.js";
 
 /*
  * ASCII Table
@@ -173,7 +174,7 @@ export default class Text extends Renderable {
 
 		// the canvas Texture used to render this text
 		// XXX: offscreenCanvas is currently disabled for text rendering due to issue in WebGL mode
-		this.canvasTexture = pool.pull("CanvasRenderTarget", 2, 2, {
+		this.canvasTexture = new CanvasRenderTarget(2, 2, {
 			offscreenCanvas: false,
 		});
 
@@ -403,6 +404,7 @@ export default class Text extends Renderable {
 		}
 		globalRenderer.cache.delete(this.canvasTexture.canvas);
 		pool.push(this.canvasTexture);
+		this.canvasTexture.destroy();
 		this.canvasTexture = undefined;
 		colorPool.release(this.fillStyle);
 		colorPool.release(this.strokeStyle);