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

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Want more browser support for this feature? Tell us why.

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.

Die GPUTextureView-Schnittstelle der WebGPU API stellt eine Ansicht auf eine Teilmenge der Texturressourcen dar, die durch eine bestimmte GPUTexture definiert sind.

Eine GPUTextureView-Objektinstanz wird mit der Methode GPUTexture.createView() erstellt.

Instanzeigenschaften

label

Eine Zeichenfolge mit einer Bezeichnung, anhand derer das Objekt identifiziert werden kann, beispielsweise in GPUError-Meldungen oder Konsolenwarnungen.

Beispiele

In der Cubemap-Demo der WebGPU Samples finden Sie mehrere Beispiele für die Verwendung von GPUTextureView-Objekten (erstellt durch Aufrufe von GPUTexture.createView()): sowohl als resource in einem Aufruf von GPUDevice.createBindGroup() als auch als view im depthStencilAttachment-Objekt eines Deskriptors für 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 = {
  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

Spezifikation
WebGPU
# gputextureview

Browser-Kompatibilität

Siehe auch