アダプタが持つ情報の確認

main.js

const adapter = await navigator.gpu.requestAdapter()
if (!adapter) {
  throw new Error("WebGPU cannot be initialized - Adapter not found")
}

const limits = {}
for (const key in adapter.limits) {
  const value = adapter.limits[key]
  if (typeof value === "number") {
    limits[key] = value
  }
}

const adapterInfo = {
  isFallbackAdapter: adapter.isFallbackAdapter,
  features: Array.from(adapter.features),
  limits
}

const $output = document.getElementById("output")
$output.textContent = JSON.stringify(adapterInfo, null, 2)