GPUSupportedFeatures

Das GPUSupportedFeatures-Interface der WebGPU API ist ein Set-ähnliches Objekt, das zusätzliche Funktionen beschreibt, die von einem GPUAdapter unterstützt werden.

Auf das GPUSupportedFeatures-Objekt des aktuellen Adapters wird über die GPUAdapter.features-Eigenschaft zugegriffen – verwenden Sie diese, um zu testen, welche Funktionen Ihr aktuelles Setup unterstützt. Um ein GPUDevice mit einer bestimmten Funktion zu erstellen, müssen Sie es im requiredFeatures-Array des GPUAdapter.requestDevice()-Descriptors angeben.

Bitte beachten Sie, dass nicht alle Funktionen in allen Browsern, die WebGPU unterstützen, verfügbar sein werden, selbst wenn die Funktionen von der zugrunde liegenden Hardware unterstützt werden. Dies könnte auf Einschränkungen im zugrunde liegenden System, Browser oder Adapter zurückzuführen sein. Zum Beispiel:

• Das zugrunde liegende System kann möglicherweise keine Exposition einer Funktion in einer Weise garantieren, die mit einem bestimmten Browser kompatibel ist.
• Der Browser-Anbieter hat möglicherweise keinen sicheren Weg gefunden, die Unterstützung dieser Funktion zu implementieren, oder hat dies einfach noch nicht geschafft.

Wenn Sie planen, in einer WebGPU-Anwendung von einer bestimmten zusätzlichen Funktion zu profitieren, wird gründliches Testen empfohlen.

async function init() {
  if (!navigator.gpu) {
    throw Error("WebGPU not supported.");
  }

  const adapter = await navigator.gpu.requestAdapter();
  if (!adapter) {
    throw Error("Couldn't request WebGPU adapter.");
  }

  const adapterFeatures = adapter.features;

  // Return the size of the set
  console.log(adapterFeatures.size);

  // Check whether a feature is supported by the adapter
  console.log(adapterFeatures.has("texture-compression-astc"));

  // Iterate through all the set values using values()
  const valueIterator = adapterFeatures.values();
  for (const value of valueIterator) {
    console.log(value);
  }

  // Iterate through all the set values using keys()
  const keyIterator = adapterFeatures.keys();
  for (const value of keyIterator) {
    console.log(value);
  }

  // Iterate through all the set values using entries()
  const entryIterator = adapterFeatures.entries();
  for (const entry of entryIterator) {
    console.log(entry[0]);
  }

  // Iterate through all the set values using forEach()
  adapterFeatures.forEach((value) => {
    console.log(value);
  });

  //...
}