Method init

examples/hello_camera.js:148–306

()

  }

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

    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.cameraBuffer = this.createBuffer({
      label: "Camera Buffer",
      data: this.cameraUniform,
      usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST,
    });

    this.texture = this.device.createTexture({
      label: "Tree Texture",
      size: {
        width: this.textureImage.width,
        height: this.textureImage.height,
        depthOrArrayLayers: 1,
      },
      mipLevelCount: 1,
      sampleCount: 1,
      dimension: "2d",
      format: "rgba8unorm-srgb",
      usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST,
    });

    this.device.queue.writeTexture({
      texture: this.texture,
    }, this.textureImage.image, {
      offset: 0,
      bytesPerRow: this.textureImage.width * 4,
      rowsPerImage: this.textureImage.height,
    }, {
      width: this.textureImage.width,
      height: this.textureImage.height,
      depthOrArrayLayers: 1,
    });

    this.textureView = this.texture.createView();
    this.textureSampler = this.device.createSampler({
      label: "Tree Texture Sampler",
      addressModeU: "clamp-to-edge",
      addressModeV: "clamp-to-edge",
      addressModeW: "clamp-to-edge",
      magFilter: "linear",
      minFilter: "nearest",
      mipmapFilter: "nearest",
    });