[#1139] add a type property to the base Renderer class

this will allow to also specify a specific type "name" for a custom renderer (like WebGPU, Pixi, React,... instead of just CANVAS or WebGL).

Author: obiot

src/application/header.js

@@ -1,14 +1,13 @@
 import * as device from "../system/device";
-import CanvasRenderer from "../video/canvas/canvas_renderer";
 
 /**
  * display information
  * @param {Application} game - the game application instance calling this function
  */
 export function consoleHeader(app) {
-    var renderType = typeof app.settings.renderer === "number" ? (app.renderer instanceof CanvasRenderer ? "CANVAS" : "WebGL" + app.renderer.WebGLVersion) : "Custom";
-    var audioType = device.hasWebAudio ? "Web Audio" : "HTML5 Audio";
+    var renderType = app.renderer.type;
     var gpu_renderer = (typeof app.renderer.GPURenderer === "string") ? " (" + app.renderer.GPURenderer + ")" : "";
+    var audioType = device.hasWebAudio ? "Web Audio" : "HTML5 Audio";
 
     // output video information in the console
     console.log(

src/video/canvas/canvas_renderer.js

@@ -45,6 +45,9 @@ import * as event from "./../../system/event.js";
             this.uvOffset = 1;
         }
 
+        // set the renderer type
+        this.type = "CANVAS";
+
         // context lost & restore event for canvas
         this.getCanvas().addEventListener("contextlost", (e) => {
             e.preventDefault();

src/video/renderer.js

@@ -69,6 +69,13 @@ import Point from "../geometries/point.js";
          */
         this.path2D = new Path2D();
 
+        /**
+         * The renderer type : Canvas, WebGL, etc...
+         * (override this property with a specific value when implementing a custom renderer)
+         * @type {string}
+         */
+        this.type = "Generic";
+
         /**
          * @ignore
          */

src/video/webgl/webgl_renderer.js

@@ -136,6 +136,9 @@ import { isPowerOfTwo, nextPowerOfTwo } from "./../../math/math.js";
         // Create a texture cache
         this.cache = new TextureCache(this.maxTextures);
 
+        // set the renderer type
+        this.type =  "WebGL" + this.WebGLVersion;
+
         // to simulate context lost and restore in WebGL:
         // var ctx = me.video.renderer.context.getExtension('WEBGL_lose_context');
         // ctx.loseContext()

tests/browser/public/renderer_test.html

@@ -13,6 +13,7 @@
       class CustomRenderer extends me.CanvasRenderer {
         constructor(options) {
           super(options);
+          this.type = "Custom";
           this.isCustom = true;
         }
       }