Method run

examples/common.js:28–81

()

  }

  async run() {
    this.adapter = await navigator.gpu.requestAdapter();
    if (!this.adapter) {
      throw new Error("No GPU adapter available!");
    }

    this.device = await this.adapter.requestDevice();
    enableValidationErrors(this.device, true);

    this.window = Deno.createWindow({
      title: this.title,
      width: this.width,
      height: this.height,
      resizable: true,
    });

    this.surface = this.window.createSurface(this.device);

    this.format = this.surface.getPreferredFormat();
    this.surface.configure({
      format: this.format,
      width: this.width,
      height: this.height,
    });

    await this.init();

    this.mainLoopInterval = setInterval(() => this.mainLoop(), 1000 / 60);

    for await (const event of Deno.eventLoop()) {
      await this.onEvent(event);
      if (event.type === "windowEvent" && event.windowID === this.window.id) {
        if (event.event.type === "closeRequested") {
          this.cleanup();
          Deno.exit(0);
        } else if (event.event.type === "resized") {
          this.width = event.event.width;
          this.height = event.event.height;
          this.surface.configure({
            format: this.format,
            width: this.width,
            height: this.height,
          });
        }
      } else if (event.type === "redrawRequested" && event.windowID === this.window.id) {
        const texture = this.surface.getCurrentTexture();
        const view = texture.createView();
        const encoder = this.device.createCommandEncoder();
        this.render(encoder, view);
        this.device.queue.submit([encoder.finish()]);
        this.surface.present();
      }
    }
  }

  cleanup() {
    if (this.mainLoopInterval) {