GPUDevice: createTexture() Methode

Limited availability

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

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

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 createTexture() Methode der GPUDevice Schnittstelle erstellt eine GPUTexture, um 1D-, 2D- oder 3D-Datenarrays wie Bilder zu speichern, die bei GPU-Rendering-Operationen verwendet werden.

Syntax

js
createTexture(descriptor)

Parameter

descriptor

Ein Objekt, das die folgenden Eigenschaften enthält:

dimension Optional

Ein enumerierter Wert, der die Dimensionsebene der Textur angibt. Mögliche Werte sind:

  • "1d": Die Textur ist eindimensional.
  • "2d": Die Textur ist zweidimensional oder ein Array von zweidimensionalen Schichten.
  • "3d": Die Textur ist dreidimensional.

dimension ist standardmäßig "2d", wenn der Wert weggelassen wird.

format

Ein enumerierter Wert, der das Format der Textur angibt. Siehe den Abschnitt Texturformate der Spezifikation für alle möglichen Werte.

Hinweis:

  • Die depth32float-stencil8 Funktion muss aktiviert sein, um depth32float-stencil8-Format GPUTextures zu erstellen.
  • Die texture-compression-bc Funktion muss aktiviert sein, um zweidimensionale BC-komprimierte GPUTextures zu erstellen: bc1-rgba-unorm, bc1-rgba-unorm-srgb, bc2-rgba-unorm, bc2-rgba-unorm-srgb, bc3-rgba-unorm, bc3-rgba-unorm-srgb, bc4-r-unorm, bc4-r-snorm, bc5-rg-unorm, bc5-rg-snorm, bc6h-rgb-ufloat, bc6h-rgb-float, bc7-rgba-unorm, und bc7-rgba-unorm-srgb Formate.
  • Die texture-compression-astc Funktion muss aktiviert sein, um zweidimensionale ASTC-komprimierte GPUTextures zu erstellen: astc-4x4-unorm, astc-4x4-unorm-srgb, astc-5x4-unorm, astc-5x4-unorm-srgb, astc-5x5-unorm, astc-5x5-unorm-srgb, astc-6x5-unorm, astc-6x5-unorm-srgb, astc-6x6-unorm, astc-6x6-unorm-srgb, astc-8x5-unorm, astc-8x5-unorm-srgb, astc-8x6-unorm, astc-8x6-unorm-srgb, astc-8x8-unorm, astc-8x8-unorm-srgb, astc-10x5-unorm, astc-10x5-unorm-srgb, astc-10x6-unorm, astc-10x6-unorm-srgb, astc-10x8-unorm, astc-10x8-unorm-srgb, astc-10x10-unorm, astc-10x10-unorm-srgb, astc-12x10-unorm, astc-12x10-unorm-srgb, und astc-12x12-unorm astc-12x12-unorm-srgb Formate.
  • Die texture-compression-etc2 Funktion muss aktiviert sein, um zweidimensionale ETC2-komprimierte GPUTextures zu erstellen: etc2-rgb8unorm, etc2-rgb8unorm-srgb, etc2-rgb8a1unorm, etc2-rgb8a1unorm-srgb, etc2-rgba8unorm, etc2-rgba8unorm-srgb, eac-r11unorm, eac-r11snorm, eac-rg11unorm, und eac-rg11snorm Formate.
label Optional

Eine Zeichenkette, die ein Etikett bereitstellt, das zur Identifizierung des Objekts verwendet werden kann, zum Beispiel in GPUError-Meldungen oder Konsolenwarnungen.

mipLevelCount Optional

Eine Zahl, die angibt, wie viele Mip-Ebenen die Textur enthalten wird. Wenn nicht angegeben, ist dies standardmäßig 1.

sampleCount Optional

Eine Zahl, die die Stichprobenzählung der Textur angibt. Um gültig zu sein, muss der Wert 1 oder 4 sein. Wenn nicht angegeben, ist dies standardmäßig 1. Ein Wert größer als 1 zeigt eine Multisample-Textur an.

size

Ein Objekt oder Array, das die Breite, Höhe und Tiefe/Array-Schichtenanzahl der Textur angibt. Der Breitenwert muss immer angegeben werden, während die Werte für Höhe und Tiefe/Array-Schichtenanzahl optional sind und standardmäßig 1 sind, wenn weggelassen.

Es folgt ein Beispiel size Array:

js
size: [16, 16, 2];

Das entsprechende Objekt würde so aussehen:

js
size: {
  width: 16,
  height: 16,
  depthOrArrayLayers: 2
}
usage

Die Bitweise Flags, die die erlaubten Verwendungen für die GPUTexture darstellen. Die möglichen Werte befinden sich in der GPUTexture.usage Wert Tabelle.

Beachten Sie, dass mehrere mögliche Verwendungen durch Trennen von Werten mit Pipe-Symbolen angegeben werden können, zum Beispiel:

js
usage: GPUTextureUsage.COPY_DST | GPUTextureUsage.RENDER_ATTACHMENT;

Hinweis:

  • Die bgra8unorm-storage Funktion muss aktiviert sein, um STORAGE_BINDING Verwendung für ein bgra8unorm-format GPUTexture anzugeben.
  • Die rg11b10ufloat-renderable Funktion muss aktiviert sein, um RENDER_ATTACHMENT Verwendung für ein rg11b10ufloat-format GPUTexture sowie dessen Misch- und Multisampling anzugeben.
viewFormats Optional

Ein Array von enumerierten Werten, die andere Texturformate angeben, die bei einem Aufruf von GPUTexture.createView() auf diese Textur zusätzlich zum im format-Wert angegebenen Texturformat erlaubt sind.

Rückgabewert

Eine GPUTexture Objektinstanz.

Validierung

Die folgenden Kriterien müssen erfüllt sein, wenn createTexture() aufgerufen wird, ansonsten wird ein GPUValidationError generiert und ein ungültiges GPUTexture Objekt zurückgegeben:

  • Ein gültiges usage ist angegeben.
  • Die in size angegebenen Werte (Breite, Höhe oder Tiefe/Array-Schichtenanzahl) sind größer als 0.
  • mipLevelCount ist größer als 0.
  • sampleCount ist gleich 1 oder 4.
  • Wenn dimension auf "1d" gesetzt ist:
  • Wenn dimension auf "2d" gesetzt ist:
    • Die size Breite und Höhe Werte sind kleiner oder gleich dem GPUDevice's maxTextureDimension2D Limit.
    • Der size Tiefe/Array-Schichtenanzahl Wert ist kleiner oder gleich dem GPUDevice's maxTextureArrayLayers Limit.
  • Wenn dimension auf "3d" gesetzt ist:
  • Der size Breitenwert ist ein Vielfaches der Texelblockbreite.
  • Der size Höhenwert ist ein Vielfaches der Texelblockhöhe.
  • Wenn sampleCount größer als 1 ist:
    • mipLevelCount ist gleich 1.
    • Der size Tiefe/Array-Schichtenanzahl Wert ist gleich 1.
    • usage enthält das GPUTextureUsage.RENDER_ATTACHMENT Flag.
    • usage enthält nicht das GPUTextureUsage.STORAGE_BINDING Flag.
    • Das angegebene Format unterstützt Multisampling.
  • Der mipLevelCount Wert ist kleiner oder gleich der maximalen Miplevel-Auszählung.
  • Die in format und viewFormats angegebenen Formate sind miteinander kompatibel.
  • Wenn usage das GPUTextureUsage.RENDER_ATTACHMENT Flag enthält:
    • format ist ein renderbares Format (entweder ein farblich renderbares Format oder ein Tiefen- oder Stencil-Format).
    • dimension ist auf "2d" eingestellt.
  • Wenn usage das GPUTextureUsage.STORAGE_BINDING Flag enthält:
    • Das angegebene format enthält die STORAGE_BINDING Fähigkeit (siehe die Tabelle der einfarbigen Formate als Referenz).

Beispiele

Im WebGPU Beispiel Textured Cube sample wird eine Textur erstellt, um auf den Flächen eines Würfels verwendet zu werden, durch:

js
//...

let cubeTexture;

{
  const img = document.createElement("img");
  img.src = new URL(
    "../../../assets/img/Di-3d.png",
    import.meta.url,
  ).toString();
  await img.decode();
  const imageBitmap = await createImageBitmap(img);

  cubeTexture = device.createTexture({
    size: [imageBitmap.width, imageBitmap.height, 1],
    format: "rgba8unorm",
    usage:
      GPUTextureUsage.TEXTURE_BINDING |
      GPUTextureUsage.COPY_DST |
      GPUTextureUsage.RENDER_ATTACHMENT,
  });
  device.queue.copyExternalImageToTexture(
    { source: imageBitmap },
    { texture: cubeTexture },
    [imageBitmap.width, imageBitmap.height],
  );
}

//...

Spezifikationen

Specification
WebGPU
# dom-gpudevice-createtexture

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch