Add Watermark

src/core/hud.ts

@@ -23,6 +23,7 @@
 import { Viewport } from './viewport';
 import { StatsPanel } from '../ui/stats-panel';
 import { FullscreenButton } from '../ui/fullscreen-button';
+import { Watermark } from '../ui/watermark';
 import { Nullable, Utils } from '../utils/utils';
 
 /** HUD container */
@@ -48,6 +49,9 @@ export class HUD
     /** Fullscreen button */
     #fullscreenButton: FullscreenButton;
 
+    /** Watermark */
+    #watermark: Watermark;
+
 
 
 
@@ -81,6 +85,7 @@ export class HUD
         // create internal components
         this.#statsPanel = new StatsPanel();
         this.#fullscreenButton = new FullscreenButton(viewport);
+        this.#watermark = new Watermark();
     }
 
     /**
@@ -130,6 +135,7 @@ export class HUD
         const parent = this._internalContainer;
         this.#statsPanel.init(parent, wantStatsPanel);
         this.#fullscreenButton.init(parent, wantFullscreenButton);
+        this.#watermark.init(parent);
 
         for(const element of parent.children as any as HTMLElement[]) {
             if(element.style.getPropertyValue('pointer-events') == '')
@@ -157,6 +163,7 @@ export class HUD
     {
         this._visible = false;
 
+        this.#watermark.release();
         this.#fullscreenButton.release();
         this.#statsPanel.release();