Method init

examples/hello_triangle.js:34–82

()

  }

  async init() {
    const shaderModule = await this.loadShader("hello_triangle");

    this.vertexBuffer = this.createBuffer({
      label: "Vertex Buffer",
      data: this.vertices,
      usage: GPUBufferUsage.VERTEX,
    });

    this.indexBuffer = this.createBuffer({
      label: "Index Buffer",
      data: this.indices,
      usage: GPUBufferUsage.INDEX,
    });

    this.renderPipeline = this.device.createRenderPipeline({
      vertex: {
        module: shaderModule,
        entryPoint: "vs_main",
        buffers: [
          {
            arrayStride: 4 * 3 + 4 * 4,
            stepMode: "vertex",
            attributes: [
              {
                offset: 0,
                shaderLocation: 0,
                format: "float32x3",
              },
              {
                offset: 4 * 3,
                shaderLocation: 1,
                format: "float32x4",
              },
            ],
          },
        ],
      },
      fragment: {
        module: shaderModule,
        entryPoint: "fs_main",
        targets: [
          {
            format: this.format,
          },
        ],
      },
    });
  }

  render(encoder, view) {
    const renderPass = encoder.beginRenderPass({