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 })