Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

GPUTextureView

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Das GPUTextureView-Interface der WebGPU API stellt eine Ansicht auf einen Teil der von einem bestimmten GPUTexture definierten Texturressourcen dar.

Eine Instanz des GPUTextureView-Objekts wird mit der Methode GPUTexture.createView() erstellt.

Instanz-Eigenschaften

label

Ein String, der eine Bezeichnung zur Verfügung stellt, die verwendet werden kann, um das Objekt zu identifizieren, zum Beispiel in GPUError-Meldungen oder Konsolenwarnungen.

Beispiele

Im WebGPU Samples Cubemap-Demo sehen Sie mehrere Beispiele dafür, wie GPUTextureViews (erstellt durch Aufrufe von GPUTexture.createView()) verwendet werden, sowohl als resource in einem Aufruf von GPUDevice.createBindGroup(), als auch als bereitgestellte view im depthStencilAttachment-Objekt eines Deskriptors von GPUCommandEncoder.beginRenderPass().

js
const uniformBindGroup = device.createBindGroup({
  layout: pipeline.getBindGroupLayout(0),
  entries: [
    {
      binding: 0,
      resource: {
        buffer: uniformBuffer,
        offset: 0,
        size: uniformBufferSize,
      },
    },
    {
      binding: 1,
      resource: sampler,
    },
    {
      binding: 2,
      resource: cubemapTexture.createView({
        dimension: "cube",
      }),
    },
  ],
});

const renderPassDescriptor: GPURenderPassDescriptor = {
  colorAttachments: [
    {
      view: undefined, // Assigned later
      loadOp: "clear",
      storeOp: "store",
    },
  ],
  depthStencilAttachment: {
    view: depthTexture.createView(),
    depthClearValue: 1.0,
    depthLoadOp: "clear",
    depthStoreOp: "store",
  },
};

// …

const commandEncoder = device.createCommandEncoder();
const passEncoder = commandEncoder.beginRenderPass(renderPassDescriptor);

// …

Spezifikationen

Specification
WebGPU
# gputextureview

Browser-Kompatibilität

Siehe auch