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
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, umdepth32float-stencil8
-FormatGPUTexture
s zu erstellen. - Die
texture-compression-bc
Funktion muss aktiviert sein, um zweidimensionale BC-komprimierteGPUTexture
s 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
, undbc7-rgba-unorm-srgb
Formate. - Die
texture-compression-astc
Funktion muss aktiviert sein, um zweidimensionale ASTC-komprimierteGPUTexture
s 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
, undastc-12x12-unorm
astc-12x12-unorm-srgb
Formate. - Die
texture-compression-etc2
Funktion muss aktiviert sein, um zweidimensionale ETC2-komprimierteGPUTexture
s zu erstellen:etc2-rgb8unorm
,etc2-rgb8unorm-srgb
,etc2-rgb8a1unorm
,etc2-rgb8a1unorm-srgb
,etc2-rgba8unorm
,etc2-rgba8unorm-srgb
,eac-r11unorm
,eac-r11snorm
,eac-rg11unorm
, undeac-rg11snorm
Formate.
- Die
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:jssize: [16, 16, 2];
Das entsprechende Objekt würde so aussehen:
jssize: { 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 derGPUTexture.usage
Wert Tabelle.Beachten Sie, dass mehrere mögliche Verwendungen durch Trennen von Werten mit Pipe-Symbolen angegeben werden können, zum Beispiel:
jsusage: GPUTextureUsage.COPY_DST | GPUTextureUsage.RENDER_ATTACHMENT;
Hinweis:
- Die
bgra8unorm-storage
Funktion muss aktiviert sein, umSTORAGE_BINDING
Verwendung für einbgra8unorm
-format
GPUTexture
anzugeben. - Die
rg11b10ufloat-renderable
Funktion muss aktiviert sein, umRENDER_ATTACHMENT
Verwendung für einrg11b10ufloat
-format
GPUTexture
sowie dessen Misch- und Multisampling anzugeben.
- Die
viewFormats
Optional-
Ein Array von enumerierten Werten, die andere Texturformate angeben, die bei einem Aufruf von
GPUTexture.createView()
auf diese Textur zusätzlich zum imformat
-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:- Der
size
Breitenwert ist kleiner oder gleich demGPUDevice
'smaxTextureDimension1D
Limit. - Die
size
Höhe und Tiefe/Array-Schichtenanzahl Werte sind gleich 1. - Die
sampleCount
ist gleich 1. - Das
format
ist nicht gleich einem komprimierten Format oder Tiefen- oder Stencil-Format.
- Der
- Wenn
dimension
auf"2d"
gesetzt ist: - Wenn
dimension
auf"3d"
gesetzt ist:- Die
size
Breite, Höhe und Tiefe/Array-Schichtenanzahl Werte sind kleiner oder gleich demGPUDevice
'smaxTextureDimension3D
Limit. - Der
sampleCount
Wert ist gleich 1. - Das
format
ist nicht gleich einem komprimierten Format oder Tiefen- oder Stencil-Format.
- Die
- 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 dasGPUTextureUsage.RENDER_ATTACHMENT
Flag.usage
enthält nicht dasGPUTextureUsage.STORAGE_BINDING
Flag.- Das angegebene Format unterstützt Multisampling.
- Der
mipLevelCount
Wert ist kleiner oder gleich der maximalen Miplevel-Auszählung. - Die in
format
undviewFormats
angegebenen Formate sind miteinander kompatibel. - Wenn
usage
dasGPUTextureUsage.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
dasGPUTextureUsage.STORAGE_BINDING
Flag enthält:- Das angegebene
format
enthält dieSTORAGE_BINDING
Fähigkeit (siehe die Tabelle der einfarbigen Formate als Referenz).
- Das angegebene
Beispiele
Im WebGPU Beispiel Textured Cube sample wird eine Textur erstellt, um auf den Flächen eines Würfels verwendet zu werden, durch:
- Laden des Bildes in ein
HTMLImageElement
und Erstellen eines Bild-Bitmaps mitcreateImageBitmap()
. - Erstellen einer neuen Textur mit
createTexture()
. - Kopieren des Bild-Bitmaps in die Textur mit
GPUQueue.copyExternalImageToTexture()
.
//...
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
- Die WebGPU API