chore: add securecontext warning

package.json

@@ -54,7 +54,7 @@
         "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s"
     },
     "devDependencies": {
-        "@webgpu/types": "^0.1.40",
+        "@webgpu/types": "^0.1.45",
         "conventional-changelog-cli": "^2.2.2",
         "electron": "^31.1.0",
         "typedoc": "^0.25.7",

src/Engine3D.ts

@@ -47,11 +47,6 @@ export class Engine3D {
      */
     public static inputSystem: InputSystem;
 
-    /**
-    * input system in engine3d
-    */
-    public static divB: HTMLDivElement;
-
     /**
      * more view in engine3d
      */
@@ -324,15 +319,8 @@ export class Engine3D {
      */
     public static async init(descriptor: { canvasConfig?: CanvasConfig; beforeRender?: Function; renderLoop?: Function; lateRender?: Function, engineSetting?: EngineSetting } = {}) {
         console.log('Engine Version', version);
-
-        // for dev debug
-        if (import.meta.env.DEV) {
-            this.divB = document.createElement("div");
-            this.divB.style.position = 'absolute'
-            this.divB.style.zIndex = '999'
-            this.divB.style.color = '#FFFFFF'
-            this.divB.style.top = '150px'
-            document.body.appendChild(this.divB);
+        if (!window.isSecureContext){
+            console.warn('WebGPU is only supported in secure contexts (HTTPS or localhost)')
         }
 
         this.setting = { ...this.setting, ...descriptor.engineSetting }

src/gfx/graphics/webGpu/Context3D.ts

@@ -116,7 +116,7 @@ export class Context3D extends CEventDispatcher {
             format: this.presentationFormat,
             usage: GPUTextureUsage.COPY_DST | GPUTextureUsage.RENDER_ATTACHMENT,
             alphaMode: 'premultiplied',
-            colorSpace: `srgb`,
+            colorSpace: `srgb`
         });
 
         this._resizeEvent = new CResizeEvent(CResizeEvent.RESIZE, { width: this.windowWidth, height: this.windowHeight })